- The DatePicker allows users to input date values in various valid formats, enhancing the user experience by offering flexibility in specifying date formats for parsing. A new API called
inputFormatshas been introduced to handle custom date input formats, allowing users to specify the expected format(s) for parsing date values. For example,InputFormats = 'new string[] { "dd/MM/yyyy", "MM/dd/yyyy", "yyyy-MM-dd" }'.
- The DateTimePicker allows users to input date and time values in various valid formats, enhancing the user experience by offering flexibility in specifying date and time formats for parsing. A new API called
inputFormatshas been introduced to handle custom date and time input formats, allowing users to specify the expected format(s) for parsing date and time values. For example,InputFormats='new string[] { "dd/MM/yyyy hh:mm", "MM/dd/yyyy HH:mm", "yyyy-MM-dd hh mm tt" }'.
#I342551- Issue with "unable to select the time from the popup when its has selected class" has been resolved.
#I245933,#F147808- Now, you can enable the masked input usingenableMaskproperty.
#I299471- Now, you can enable the masked input usingenableMaskproperty.
- Now, you can enable the masked input using
enableMaskproperty.
#309143- Issue with "timepicker popup is not opened when render component withopenOnFocusas true and click on the time icon" has been resolved.
#304117,#304560- EJ1 and EJ2 controls theme compatibility issue resolved.
#304117,#304560- EJ1 and EJ2 controls theme compatibility issue resolved.
#304117,#304560- EJ1 and EJ2 controls theme compatibility issue resolved.
#304117,#304560- EJ1 and EJ2 controls theme compatibility issue resolved.
#304117,#304560- EJ1 and EJ2 controls theme compatibility issue resolved.
#301613- Issue with "week number is not updated properly in first week of the year" has been resolved.
#288129- Issue with "values cannot be chosen while updating UTC time as start date and end date" has been resolved.
#274484,F145781- Provided option to open the popup while focusing the input element.
#274484,F145781- Provided option to open the popup while focusing the input element.
#274484,F145781- Provided option to open the popup while focusing the input element.
#274484,F145781- Provided option to open the popup while focusing the input element.
#266088- Now, you can use focusOut method inside close event.
#256702- Issue with "consecutive month is displayed while drill down the left or right calendar" has been resolved.
- Now, selection style is applied to the previous month selected date in the current month view.
- Issue with script error throws while selecting value from popup in touch mode has been resolved.
#260342- Issue with "input not focus while already opened the another datepicker" has been resolved.
#260342- Issue with "datepicker popup not closed while useshift+tab" has been resolved.
- Issue with "datepicker popup not opened in IE browser" has been resolved.
- Issue with "change event triggered while again click on the selected month in month view" has been resolved.
- Issue with "popup not opened by using alt + down key while enabling JAWS" has been resolved.
#257448- Issue with "timepicker popup not destroyed while destroy the datetimepicker on close event" has been resolved.
#255630- Issue with "change event argumentisInteractedreturn as false while select the range from presets" has been resolved.
#147796- Now, you can get the cleared event when clear the DateTimePicker's value using clear button.
#147796- Now, you can get the cleared event when clear the DatePicker's value using clear button.
#147796- Now, you can get the cleared event when clear the TimePicker's value using clear button.
#147796- Now, you can get the cleared event when clear the DateRangePicker's value using clear button.
#249683- Now, you can set the server time zone for initial date value process usingserverTimezoneOffsetproperty.
#246049- Now, month name, day name are capitalized for all localization.
#248416- In mobile device, TimePicker popup displays in the center of the viewport.
#244043- Issue with "datepicker popup not closed while choose the same date value" has been resolved.
#F146493- Issue with "DateRangePicker popup not opened on the second click action in iPad devices" has been resolved.
#236828- Resolved theaccessibilityrelated issue in DatePicker.
#F145575- Now, existingcssClassremoved when change thecssClassdynamically.
#F145575- Now, existingcssClassremoved when change thecssClassdynamically.
#F145575- Now, existingcssClassremoved when change thecssClassdynamically.
#F145575- Now, existingcssClassremoved when change thecssClassdynamically.
-
#239623 - Now, TimePicker popup closed properly in Edge/IE browsers when place more number of DateTimePicker in single page.
-
#240491- Now, you can change the today button visibility dynamically along with min and max datetime.
- #233255, #232782 - Now, you can change the day header format of calendar using 'dayHeaderFormat' property.
- #228310, #233267 - Now, you can add additional html attribute to the element using
htmlAttributesproperty.
-
#231616, #234495 - In mobile device, DatePicker popup displays in the center of the viewport.
-
#238455 – Now, change event argument
isInteractedreturn as true when edit the date value using keyboard.
- #228310, #233267 - Now, you can add additional html attribute to the element using
htmlAttributesproperty.
- #231616, #234495 - In mobile device, DateRangePicker popup displays in the center of the viewport.
- #228310, #233267 - Now, you can add additional html attribute to the element using
htmlAttributesproperty.
- #228310, #233267 - Now, you can add additional html attribute to the element using
htmlAttributesproperty.
- #235561 - Now, you can specify the date format without
yearspecifier along with strict mode.
- #235561 - Now, you can navigate year within min and max range in decade view.
- #216875 - Issue with some additional text appended to all day numbers when choose
Japaneseculture has been fixed.
- #233687 - Issue with change event trigger twice when provide date format without date specifier has been fixed.
-
#143352 - Now, the DatePicker fires input's blur when click outside without select the date from calendar popup.
-
#233877 - Now, you can enter the same date value after form reset.
- #233877 - Now, you can enter the same datetime value after form reset.
- #232966 - Now, you can clear daterangepicker input value using keyboard when strict mode is enabled.
-
#231875 - Now, you can enable the clear button dynamically after disabled the control.
-
#F143747 - Now, you can set min and max value as null dynamically.
- #231596, #232441 - Issue with clear button not shown when disable the
allowEditproperty has been fixed.
- #231596, #232441 - Issue with clear button not shown when disable the
allowEditproperty has been fixed.
-
#231596, #232441 - Issue with clear button not shown when disable the
allowEditproperty has been fixed. -
#231003 - Issue with different icon size in bootstrap theme has been fixed.
-
Issue with clear button not shown when disable the
allowEditproperty has been fixed. -
In iOS device, keyboard is not closed when clicking on the date picker button issue has been fixed.
-
Now, you can move to a particular date without UI interaction using
NavigateTomethod. -
Provided option to set the start and depth level view of the calendar.
- Now, you can provide datetime value as a string to the DateTimePicker.
- Resolved the issue with today button text not updated when dynamically change the localization of the page.
- Issue with, “DatePicker not restoring the initial value on form reset” has been fixed.
-
Issue with, “DateRangePicker not restoring the initial value on form reset” has been fixed.
-
Now year values are shown in the selected range of decade view.
- Issue with, “DateTimePicker not restoring the initial value on form reset” has been fixed.
- Issue with, “TimePicker not restoring the initial value on form reset” has been fixed.
- Fixed the form validation class
ng-dirtyissue in Angular forms.
- Fixed the form validation class
ng-dirtyissue in Angular forms.
- Fixed the form validation class
ng-dirtyissue in Angular forms.
- Fixed the form validation class
ng-dirtyissue in Angular forms.
- Tabindex support has been provided.
- Now, date type skeleton support has been provided for the format property.
- Tabindex support has been provided.
- Now, scrollTo support has been added for the TimePicker pop-up element of the DateTimePicker. This is used to set the scroll position to the given time value when no value is selected in the popup list.
- Tabindex support has been provided.
- Tabindex support has been provided.
- Tabindex support has been provided.
- TimePicker pop-up will position at the center of the viewport in mobile resolution.
- TimePicker will allow assigning string value when type system configuration is disabled.
- Pop-up positioning support has been provided.
- DatePicker will allow assigning string value when type system configuration is disabled.
- Fixed the
allowEditissue in mobile mode.
- Fixed the localization issue in preset
custom rangeelement.
- Fixed the component destroy issue when
showClearButtonin disabled state.
- Added the Islamic calendar support.
- Added the Islamic DatePicker support.
- Added the Islamic DateTimePicker support.
- Selecting a value with the Enter key will not bubble up the event to its ancestor elements.
- Selecting a value with the Enter key will not bubble up the event to its ancestor elements.
- Fixed the form reset issue in Internet Explorer.
- Fixed the form reset issue in Internet Explorer.
- Added multiple class name support for the
cssClassproperty.
- Added multiple class name support for the
cssClassproperty.
- Added multiple class name support for the
cssClassproperty.
- Fixed the form reset handler issue while destroying the component.
- Fixed the
strictModeissue.
- Multiple date selection support has been included.
- Now, the pop-up element can be append to the target element by using the
AppendToargument in open event.
- Now, the pop-up element can be append to the target element by using the
AppendToargument in open event.
- Now, the pop-up element can be append to the target element by using the
AppendToargument in open event.
- DateTimePicker value will now accept the date values (without time) while entering value in the input element.
-
Added
AppendToargument in the open event to specifies which node to be appended on the pop-up element. -
Fixed the validation issue in mobile devices.
-
The Value can be obtained in the code-behind, while posting the selected value from the DateRangePicker control.
-
Now, the entire properties of pop-up element of DateRangePicker can be customized in the
openevent.
-
Now the
firstDayOfWeekproperty will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load theweekData.jsonfile from theCLDRdata. -
Angular form rest for the invalid value in the textbox issue has been fixed.
- Now the
firstDayOfWeekproperty will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load theweekData.jsonfile from theCLDRdata.
- Now the
firstDayOfWeekproperty will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load theweekData.jsonfile from theCLDRdata.
- Now the
firstDayOfWeekproperty will be updated based on the culture specific. Also, to get the firstday related information, then it is mandatory to load theweekData.jsonfile from theCLDRdata.
- Support for
allowEditproperty has been provided for DatePicker component that allows to edit the value in the input element.
- Float label state are not restored after resetting the form issue has been fixed.
- Support for
allowEditproperty has been provided for DateRangePicker component that allows to edit the value in the input element.
- Support for
allowEditproperty has been provided for DateTimePicker component that allows to edit the value in the input element.
- Float label state are not restored after resetting the form issue has been fixed.
- Support for
allowEditproperty has been provided for TimePicker component that allows to edit the value in the input element.
- Float label state are not restored after resetting the form issue has been fixed.
- Added the custom object support for the value property with the start and end keys.
- Float label state are not restored after resetting the form issue has been fixed.
- Invalid value are not cleared in the textbox after resetting the form issue has been fixed.
-
Newly added
ColorPickercomponent in input package requiresSplitButtondependency, So now it's mandatory to include theej2-splitbuttons.umd.min.jsin system.js configuration if your using system.js module loader. Update thesystem.jsconfiguration while going with this version and above. -
Today button will act as a primary button in high contrast, bootstrap and fabric themes.
- Event arguments for all Calendar components has been streamlined.
Valueparameter obtained in change event argument has been changed fromstring type to array of date objectand thestringvalue from the input element can be obtained from thetextparameter of the argument.
- In change event, the parameter
ehas been changed toevent.
- TimePicker popup is not closing while clicking outside of the window issue has been fixed.
- Selection is not maintained in the month with start date in the left calendar, while performing drill down in the right calendar has been fixed.
-
DrillDownsupport has been provided for DateRangePicker component that allows to quick navigate back and forth from month and year views to select a range easier. -
Valueproperty support has been provided for DateRangePicker component to set a date range.
ngOnDestroyrelated issues with destroying DateTimePicker component has been fixed.
- Now, Date parser will return the
nullvalue while parsing invalid date string.
-
focusInandfocusOutmethods has been included. -
focusandblurevents has been included.
- Issue with Calendar date generation in
UTC+00:00time zone has been fixed.
- Rendering issue on going with
UTC+00:00time zone has been fixed.
- DateRangePicker popup will not open while enabling the
readOnlyproperty.
-
Focus and blur events triggers multiple times in DateTimePicker control has been fixed.
-
DateTimePicker throws script error while clicking today button in IE browser has been fixed.
- The out of range value will be the value of the component and highlighted with error class.
- Calendar throws script error while clicking today button in IE browser has been fixed.
- DatePicker throws script error while clicking today button in IE browser has been fixed.
- The out of range value will be the value of the component and highlighted with error class.
Widthproperty with string type value issue has been fixed.
- DatePicker maintains null value, while entering the out of range(min/max) issue has been fixed.
-
Changed the Angular component selector, component name prefix with
ejse.g:ejs-calendar. -
Event arguments and it's parameter values are same.
-
Popup open in read-only mode issue has been fixed.
- High contrast theme support.
-
DateRangePicker rendered based on the screen resolution.
-
DateTimesupport has been provided for DateRangePicker. -
Input type
datehas been handled in DateRangePicker.
-
Pascal casing change to
startanddepthproperty values (Month,Year,Decade). -
Focus the input when select the value from the DatePicker popup.
-
Todaybutton support has been provided for DatePicker. -
Input type
datehas been handled in DatePicker.
- Pascal casing change to
startanddepthproperty values (Month,Year,Decade).
-
Added
itemRendersupport for the TimePicker which allows to customize each time values in a popup list. -
Input type
timehas been handled in TimePicker. -
Added
scrollTosupport for the TimePicker which is used to set the scroll position to the given time value when no value is selected in the popup list or the given value is not present in the popup list.
- Pascal casing change to
startanddepthproperty values (Month,Year,Decade).
Todaybutton support has been provided for Calendar.
DateTimePicker component for selecting or entering a date and time with options for disabling dates, restricting selection and showing custom events.
-
Range Restriction – Allows to select a date and time within a specified range.
-
Format – Formatting the value displayed in a textbox.
-
Customization – Allows to customize each day and time cell of the Calendar and time popup list.
-
Strict Mode - Allows to enter the only valid date and time in a textbox.
-
Accessibility - Provided with built-in accessibility support which helps to access all the DateTimePicker component features through the keyboard, screen readers, or other assistive technology devices.
- Select event will be triggered when selecting the start and end date.
- Width and form validation related issues has been fixed.
- Added typing file for ES5 global scripts (
dist/global/index.d.ts).
- Modified the module bundle file name for ES6 bundling.
- Popup repositions will not work while scrolling on the fixed element, this has been fixed.
- Popup position issue in mobile layout has been fixed.
- Upgraded TypeScript version to 2.6.2
- issue on rendering the current month in European Time zone has been fixed.
- issue on rendering the current month in European Time zone has been fixed.
- showClearButton - Allows to clear the textbox and model values.
- zIndex - allows to set the z-index value to the popup element.
- showClearButton - Allows to clear the textbox and model values.
- zIndex - allows to set the z-index value to the popup element.
- showClearButton - Allows to clear the textbox and model values.
- zIndex - allows to set the z-index value to the popup element.
Calendar interface for selecting dates with options for disabling dates, restricting selection and showing custom events.
-
Range Restriction - Allows to select a date within a specified date range.
-
Start and Depth View - Allows to change the initial view and navigation depth of the Calendar.
-
Customization - Allows to customize the each day cell of the calendar.
-
Accessibility - Provided with built-in accessibility support which helps to access all the Calendar component features through the keyboard, screen readers, or other assistive technology devices.
DatePicker component for selecting or entering a date with options for disabling dates, restricting selection and showing custom events.
-
Range Restriction - Allows to select a date within a specified date range.
-
Format - Formatting the value displayed in a textbox.
-
Start and Depth View - Allows to change the initial view and navigation depth of the Calendar.
-
Customization - Allows to customize the each day cell of the calendar.
-
StrictMode - Allows to entering the only valid date in a textbox.
-
Accessibility - Provided with built-in accessibility support which helps to access all the DatePicker component features through the keyboard, screen readers, or other assistive technology devices.
DateRangePicker component that allows user to select the date range from the calendar or entering the range through the input element.
-
Presets - Allows to define the customized predefined set of ranges.
-
Day Span - Select the data span between the ranges to avoid excess or less date selection.
-
Range Restriction - Control the date range selection within a specified range.
-
Format - Formatting the value displayed in a textbox.
-
Customization - Allows to customize the each day cell of the calendar.
-
StrictMode - Allows to entering the only valid date in a textbox.
-
Accessibility - Provided with built-in accessibility support which helps to access all the DateRangePicker component features through the keyboard, screen readers, or other assistive technology devices.
TimePicker component is the pre-filled dropdown list with the time values 12/24 hours format, that allows to select a time from the list.
-
Range Restriction - Allows to select a time within a specified time range.
-
Format - Formatting the value displayed in a textbox.
-
Step - Provides the option to increment/decrement time value in a popup list.
-
StrictMode - Allows to entering the only valid time in a textbox.
-
Accessibility - Provided with built-in accessibility support which helps to access all the TimePicker component features through the keyboard, screen readers, or other assistive technology devices.## 19.2.46 (2021-07-06)
#I299892- Issue with "null reference exception throws while changing the value usinguseState" has been resolved.
#309404- Issue with "popup is closed while updating the value on dynamically" has been resolved.
#299892- Issue with "Null reference exception throws while destroying the component" has been resolved.
#297995- Issue with "script error throws while rendering the component" has been resolved.
#F158355- Issue with "script error throws while rendering the component" has been resolved.
#299456- Issue with "script error throws while rendering the component" has been resolved.
#280780- Issue with "days span shows wrong range when provide the start and end date with time" has been resolved.