This article describes the API migration process of DatePicker component from Essential JS 1 to Essential JS 2.
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Setting the value |
property: value
Copied to clipboard
|
property: value
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Display the date format |
property: dateFormat
Copied to clipboard
|
property: format
Copied to clipboard
|
Day header format |
property: dayHeaderFormat
Copied to clipboard
|
Not Applicable |
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Start view |
property: startLevel
Copied to clipboard
|
property: start
Copied to clipboard
|
Depth view |
property: depthLevel
Copied to clipboard
|
property: depth
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Minimum date |
property: minDate
Copied to clipboard
|
property: min
Copied to clipboard
|
Maximum date |
property: maxDate
Copied to clipboard
|
property: max
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Block-out dates |
property: blackoutDates
Copied to clipboard
|
Can be achieved by
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
CSS Class |
property: cssClass
Copied to clipboard
|
property: cssClass
Copied to clipboard
|
Event callback for each cell creation | Not Applicable |
Event: renderDayCell
Copied to clipboard
|
Show/Hide the today button |
property: showFooter
Copied to clipboard
|
property: showTodayButton
Copied to clipboard
|
Show/Hide the other month dates |
property: showOtherMonths
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Show/Hide the disabled range |
property: showDisabledRange
Copied to clipboard
|
Not Applicable |
Show/Hide the popup button |
property: showPopupButton
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Enable /Disable the rounded corner |
property: showRoundedCorner
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Skip a month |
property: stepMonths
Copied to clipboard
|
Can be achieved by
Copied to clipboard
|
Show/Hide the tooltip |
property: showTooltip
Copied to clipboard
|
Not Applicable |
Button text |
property: buttonText
Copied to clipboard
|
Can be achieved by
Copied to clipboard
|
Display inline |
property: displayInline
Copied to clipboard
|
Not Applicable |
Enable/Disable the animation |
property: enableAnimation
Copied to clipboard
|
Not Applicable |
Highlight dates |
property: highlightSection
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Highlight weekend |
property: highlightWeekend
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Tooltip format |
property: tooltipFormat
Copied to clipboard
|
Not Applicable |
Special dates |
property: specialDates
Copied to clipboard
|
Can be achieved by
Copied to clipboard
|
FocusIn event |
Event: focusIn
Copied to clipboard
|
Event: focus
Copied to clipboard
|
FocusOut event |
Event: focusOut
Copied to clipboard
|
Event: blur
Copied to clipboard
|
FocusIn method | Not Applicable |
Method: focusIn()
Copied to clipboard
|
FocusOut method | Not Applicable |
Method: focusOut()
Copied to clipboard
|
Prevent popup close | Not Applicable |
Event: close
Copied to clipboard
|
Prevent popup open | Not Applicable |
Event: close
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Enable/Disable the RTL |
property: enableRTL
Copied to clipboard
|
property: enableRtl
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Enable/Disable the persistence |
property: enablePersistence
Copied to clipboard
|
property: enablePersistence
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Validation rules |
property: validationRules
Copied to clipboard
|
Can be achieved by
Copied to clipboard
|
Validation message |
property: validationMessage
Copied to clipboard
|
Can be achieved by
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Width |
property: width
Copied to clipboard
|
property: width
Copied to clipboard
|
Readonly |
property: readOnly
Copied to clipboard
|
property: readonly
Copied to clipboard
|
Show/Hide the clear button | Not Applicable |
property: showClearButton
Copied to clipboard
|
Height |
property: height
Copied to clipboard
|
Can be achieved by
Copied to clipboard
Copied to clipboard
|
Html attributes |
property: htmlAttributes
Copied to clipboard
|
Not Applicable |
Shoe/Hide the Week Number |
property: weekNumber
Copied to clipboard
|
property: weekNumber
Copied to clipboard
|
Watermark text |
property: watermarkText
Copied to clipboard
|
property: placeholder
Copied to clipboard
|
Disable/Enable |
property: enabled
Copied to clipboard
|
property: enabled
Copied to clipboard
|
Disable the DatePicker |
Method: disable()
Copied to clipboard
|
Not Applicable |
Enable the DatePicker |
Method: enable()
Copied to clipboard
|
Not Applicable |
Enable/Disable the textbox editing |
property: allowEdit
Copied to clipboard
|
property: allowEdit
Copied to clipboard
|
zIndex | Not Applicable |
property: zIndex
Copied to clipboard
|
Specify the placeholder text behavior | Not Applicable |
property: floatLabelType
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Locale |
property: locale
Copied to clipboard
|
property: locale
Copied to clipboard
|
First day of week |
property: startDay
Copied to clipboard
|
property: firstDayOfWeek
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Strict mode |
property: enableStrictMode
Copied to clipboard
|
property: strictMode
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Close |
Event: close
Copied to clipboard
|
Event: close
Copied to clipboard
|
Hide |
Method: hide()
Copied to clipboard
|
Method: hide()
Copied to clipboard
|
Open |
Event: open
Copied to clipboard
|
Event: open
Copied to clipboard
|
Show |
Method: show()
Copied to clipboard
|
Method: show()
Copied to clipboard
|
Behavior | API in Essential JS 1 | API in Essential JS 2 |
Navigate to specific month | Not Applicable |
Method: navigateTo()
Copied to clipboard
|
Navigation callback |
Event: navigate
Copied to clipboard
|
Event: navigated
Copied to clipboard
|
Drill down |
property: allowDrillDown
Copied to clipboard
|
Not Applicable |