Syncfusion.EJ2
Properties  Methods 


Syncfusion.EJ2.Calendars Namespace : DateRangePicker Class

DateRangePicker Class Members

The following tables list the members exposed by DateRangePicker.

Public Constructors
 NameDescription
Public Constructor  
Top
Public Properties
 NameDescription
Public Property > Support for `allowEdit` has been provided from [`v16.2.46`](https://ej2.syncfusion.com/angular/documentation/release-notes/16.2.46/#daterangepicker).  
Public Property Triggers when the control loses the focus.  
Public Property Triggers when the Calendar value is changed.  
Public Property Triggers when the DateRangePicker is closed.  
Public Property Triggers when Calendar is created.  
Public Property Sets the root CSS class to the DateRangePicker which allows you to customize the appearance.  
Public Property Specifies the format of the day that to be displayed in header. By default, the format is ‘short’. Possible formats are: `Short` - Sets the short format of day name (like Su ) in day header. `Narrow` - Sets the single character of day name (like S ) in day header. `Abbreviated` - Sets the min format of day name (like Sun ) in day header. `Wide` - Sets the long format of day name (like Sunday ) in day header.  
Public Property Sets the maximum level of view (month, year, decade) in the Calendar. Depth view should be smaller than the start view to restrict its view navigation.  
Public Property Triggers when Calendar is destroyed.  
Public Property Specifies the component to be disabled which prevents the DateRangePicker from user interactions.  
Public Property Enable or disable the persisting component's state between the page reloads. If enabled, following list of states will be persisted. 1. startDate 2. endDate 3. value  
Public Property Enable or disable rendering component in right to left direction.  
Public Property Gets or sets the end date of the date range selection.  
Public Property Gets or sets the Calendar's first day of the week. By default, the first day of the week will be based on the current culture. > For more details about firstDayOfWeek refer to [`First day of week`](../../daterangepicker/customization#first-day-of-week) documentation.  
Public Property Specifies the placeholder text to be floated. Possible values are: Never: The label will never float in the input when the placeholder is available. Always: The floating label will always float above the input. Auto: The floating label will float above the input after focusing or entering a value in the input.  
Public Property Triggers when the control gets focus.  
Public Property Sets or gets the required date format to the start and end date string. > For more details refer to [`Format`](https://ej2.syncfusion.com/demos/#/material/daterangepicker/format.html)sample.  
Public Property You can add the additional html attributes such as disabled, value etc., to the element. If you configured both property and equivalent html attribute then the component considers the property value.  
Public Property (Inherited from Syncfusion.EJ2.EJTagHelper)
Public Property Customizes the key actions in DateRangePicker. For example, when using German keyboard, the key actions can be customized using these shortcuts.  
Public Property Overrides the global culture and localization value for this component. Default global culture is 'en-US'.  
Public Property Gets or sets the maximum date that can be selected in the calendar-popup.  
Public Property Specifies the maximum span of days that can be allowed in a date range selection. > For more details refer to [`Range Span`](../../daterangepicker/range-restriction/#range-span) documentation.  
Public Property Gets or sets the minimum date that can be selected in the calendar-popup.  
Public Property Specifies the minimum span of days that can be allowed in date range selection. > For more details refer to [`Range Span`](../../daterangepicker/range-restriction/#range-span) documentation.  
Public Property Triggers when the Calendar is navigated to another view or within the same level of view.  
Public Property Triggers when the DateRangePicker is opened.  
Public Property Specifies the placeholder text that need to be displayed in the DateRangePicker component.  
Public Property Set the predefined ranges which let the user pick required range easily in a component. > For more details refer to [`Preset Ranges`](../../daterangepicker/customization#preset-ranges) documentation.  
Public Property Denies the editing the ranges in the DateRangePicker component.  
Public Property Triggers when each day cell of the Calendar is rendered.  
Public Property Triggers on selecting the start and end date.  
Public Property Sets or gets the string that used between the start and end date string.  
Public Property Specifies whether to show or hide the clear icon  
Public Property Specifies the initial view of the Calendar when it is opened. With the help of this property, initial view can be changed to year or decade view.  
Public Property Gets or sets the start date of the date range selection.  
Public Property Specifies the component to act as strict which allows entering only a valid date range in a DateRangePicker. > For more details refer to [`Strict Mode`](../../daterangepicker/range-restriction#strict-mode)documentation.  
Public Property Gets or sets the start and end date of the Calendar.  
Public Property Determines whether the week number of the Calendar is to be displayed or not. The week number is displayed in every week row. > For more details about weekNumber refer to [`Calendar with week number`](../../calendar/how-to/week-number#render-the-calendar-with-week-numbers)documentation.  
Public Property Specifies the width of the DateRangePicker component.  
Public Property specifies the z-index value of the dateRangePicker popup element.  
Top
Protected Properties
 NameDescription
Protected PropertyOverridden.   
Protected Property (Inherited from Syncfusion.EJ2.EJTagHelper)
Protected Property (Inherited from Syncfusion.EJ2.EJTagHelper)
Protected Property (Inherited from Syncfusion.EJ2.EJTagHelper)
Protected PropertyOverridden.   
Protected PropertyOverridden.   
Protected Property (Inherited from Syncfusion.EJ2.EJTagHelper)
Protected PropertyOverridden.   
Top
Public Methods
Protected Methods
 NameDescription
Protected Method (Inherited from Syncfusion.EJ2.EJTagHelper)
Protected Method (Inherited from Syncfusion.EJ2.EJTagHelper)
Top
Extension Methods
 NameDescription
Public Extension MethodOverloaded.  Iterates the index.
Top
See Also