Skip to main content

Posts

Showing posts with the label Angular Material

Angular(Version 10) Date Picker Range Selection In Angular Material UI

In Angular Material Version 10, announced a new feature in date selection is Date Picker Range Selection. Before Angular V10 for date range selection need to write custom code or need to use third-party plugins. So now by upgrading to Angular V10, we can grab this new feature of a Date Range selection. Default Core Components Of Date Range Selection: The default core component of date range selection of Date Picker in Angular Material is: mat-date-range-picker mat-date-range-input mat-date-range-picker is an Angular Material Component for date range selection. mat-date-range-picker component is shown popup calendar like mat-datepicker component but allows multi-date selection option. mat-date-range-input is an Angular Material Component for the date range selection. This component requires to input fields to capture the start date and end date that are selected from mat-date-rang-picker. Create Sample Angular(V10) Application: Let's create a sample application to implement th