Components- Barcodes
- Buttons
- Charts
- Conversational UIupdated
- Data Query
- Date Inputs
OverviewGetting Started- Calendar
- DateInput
- DatePicker
- DateTimePicker
- DateRange
- MultiViewCalendar
- TimePicker
GlobalizationChange LogAPI
- Date Math
- Dialogsupdated
- Drawing
- Dropdowns
- Editorupdated
- Excel Export
- File Saver
- Filterupdated
- Gantt
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputs
- Labels
- Layoutupdated
- ListBoxnew
- ListView
- Mapbeta
- Menus
- Navigation
- Notification
- Pager
- PDF Export
- PivotGridbeta
- Popup
- ProgressBars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- ToolBar
- Tooltips
- TreeList
- TreeViewupdated
- Typography
- Uploads
Styling & Themes
Common Features
Project Setup
Change Log
Latest Release
v7.0.111 May 2022
Bug Fixes
- add missing exports (#484)
Supported themes
- @progress/kendo-theme-bootstrap: ^5.0.0
- @progress/kendo-theme-default: ^5.0.0
- @progress/kendo-theme-material: ^5.0.0
Bug Fixes
- add missing exports (#484)
Supported themes
- @progress/kendo-theme-bootstrap: ^5.0.0
- @progress/kendo-theme-default: ^5.0.0
- @progress/kendo-theme-material: ^5.0.0
v7.0.0
20 April 2022
Bug Fixes
- the calendar navigates to the current date (#469)
- dateinput:
- introduce the
'none'
option for the fillMode, rounded and size properties
- datetimepicker:
- introduce the
'none'
option for the fillMode, rounded and size properties
- timepicker:
- introduce the
'none'
option for the fillMode, rounded and size properties
- datepicker:
- introduce the
'none'
option for the fillMode, rounded and size properties
Features
- update to Angular v12
- mark as compatible with Angular v14
Breaking Changes
- No longer compatible with Angular v8 - 11
- The fillMode, rounded and size options of the DateInput no longer support
null
. Please use 'none'
instead. - The fillMode, rounded and size options of the DateTimePicker no longer support
null
. Please use 'none'
instead. - The fillMode, rounded and size options of the TimePicker no longer support
null
. Please use 'none'
instead. - The fillMode, rounded and size options of the DatePicker no longer support
null
. Please use 'none'
instead.
Supported themes
- @progress/kendo-theme-bootstrap: ^5.0.0
- @progress/kendo-theme-default: ^5.0.0
- @progress/kendo-theme-material: ^5.0.0
v6.0.3
15 March 2022
Bug Fixes
- templates with ngIf not rendered (#467)
- exclude rxjs/operators from CDN bundles (#468)
Supported themes
- @progress/kendo-theme-bootstrap: ^5.0.0
- @progress/kendo-theme-default: ^5.0.0
- @progress/kendo-theme-material: ^5.0.0
Bug Fixes
- cdn bundles global imports
Supported themes
- @progress/kendo-theme-bootstrap: ^5.0.0
- @progress/kendo-theme-default: ^5.0.0
- @progress/kendo-theme-material: ^5.0.0
v6.0.1
21 February 2022
Bug Fixes
- calendar: subscription undefined in onDestroy (#464)
- timepicker: items are not properly aligned when using material theme (#463)
Supported themes
- @progress/kendo-theme-bootstrap: ^5.0.0
- @progress/kendo-theme-default: ^5.0.0
- @progress/kendo-theme-material: ^5.0.0
v6.0.0
19 January 2022
Bug Fixes
- update package dependencies
- Universal build due to missing FocusEvent definition
- calendar:
- navigating with the header buttons doesn't persist new focused date (#456)
- grid role rendered incorrectly on parent element
- datepicker:
- submits form on enter from popup
- calendar not focused on popup open in classic mode
- datetimepicker: use v5 rendering
Features
- compatibility with kendo ui themes v5
Breaking Changes
- The Kendo UI DateInputs received major rendering changes, which require updating your kendo ui theme to v5 or newer
Supported themes
- @progress/kendo-theme-bootstrap: ^5.0.0
- @progress/kendo-theme-default: ^5.0.0
- @progress/kendo-theme-material: ^5.0.0
v5.3.0
3 November 2021
Bug Fixes
- remove chaining of Subscription.add methods
- mark as compatible with Angular 13
- add support for RxJS 7
- calendar: missing k-state-disabled class on the disabled dates in classic mode (#446)
- multiviewcalendar: missing gap between the views (#447)
Features
- calendar: add navigate event (#415)
Supported themes
- @progress/kendo-theme-bootstrap: ^4.40.0
- @progress/kendo-theme-default: ^4.40.0
- @progress/kendo-theme-material: ^4.40.0
v5.2.3
14 September 2021
Bug Fixes
- calendar: activeViewDateChange event not fired when focused date is the 1st day of the mon
Supported themes
- @progress/kendo-theme-bootstrap: ^4.40.0
- @progress/kendo-theme-default: ^4.40.0
- @progress/kendo-theme-material: ^4.40.0
v5.2.2
20 August 2021
Bug Fixes
- explicit flat button classes missing from calendar elements (#428)
- wrong number of cells rendered per row in year, decade and century views (#436)
- add utility classes to Calendar [infinite mode] and DateTimePicker footer (#430)
- calendar: fix calendar classes
Supported themes
- @progress/kendo-theme-bootstrap: ^4.40.0
- @progress/kendo-theme-default: ^4.40.0
- @progress/kendo-theme-material: ^4.40.0
Bug Fixes
- multiviewcalendar: duplicate cells rendered in decade and century views (#423)
Supported themes
- @progress/kendo-theme-bootstrap: ^4.19.0
- @progress/kendo-theme-default: ^4.21.0
- @progress/kendo-theme-material: ^3.18.0
Bug Fixes
- update ng-add schema
- mark as compatible with Angular v12
- calendar:
- wrong navigation animation calculations (#412)
- activeViewChange event not fired when in classic mode (#410)
- multiviewcalendar: calendar header incorrectly changed when selecting dates from other months (#406
Features
- calendar:
- implement multiple dates selection (#408)
- implement navigation animation (#400)
Supported themes
- @progress/kendo-theme-bootstrap: ^4.19.0
- @progress/kendo-theme-default: ^4.21.0
- @progress/kendo-theme-material: ^3.18.0
v5.1.0
20 January 2021
Bug Fixes
- classic calendar messages cannot be overridden (#394)
Features
- millisecond editing support
- calendar: implement classic calendar (#383)
Supported themes
- @progress/kendo-theme-bootstrap: ^4.19.0
- @progress/kendo-theme-default: ^4.21.0
- @progress/kendo-theme-material: ^3.18.0
v5.0.0
16 December 2020
Bug Fixes
- daterange: input is blurred when typing (#382)
Features
- allow using different formats when the dateinput is focused or blurred
- normalize century in two-digit year format BREAKING CHANGE: Typing two-digit yea
- drop support for Angular 6 and 7
- enable licensing
- multiviewcalendar:
- update rendering according to new design
- add option to display additional view title above each view
Breaking Changes
Supported themes
- @progress/kendo-theme-bootstrap: ^4.19.0
- @progress/kendo-theme-default: ^4.21.0
- @progress/kendo-theme-material: ^3.18.0
v4.4.1
7 December 2020
Bug Fixes
- add homepage URL
- daterange:
- the hovered date shouldn't be focused (#365)
- popup not closed on component destroy (#375)
Supported themes
- @progress/kendo-theme-bootstrap: ^4.19.0
- @progress/kendo-theme-default: ^4.21.0
- @progress/kendo-theme-material: ^3.18.0
v4.4.0
11 November 2020
Bug Fixes
- add Angular 11 to peer dependencies
- calendar: broken scroll in window and splitter (#359)
- datetimepicker: first emit a new value by the form control (#362)
Features
- incomplete date validation (#353)
Supported themes
- @progress/kendo-theme-bootstrap: ^4.19.0
- @progress/kendo-theme-default: ^4.21.0
- @progress/kendo-theme-material: ^3.18.0
v4.3.2
15 September 2020
Bug Fixes
- update release notes (#356)
- don't re-render popups on toggle(true) (#352)
- calendar: fix the focused date when navigating (#355)
Supported themes
- @progress/kendo-theme-bootstrap: ^4.19.0
- @progress/kendo-theme-default: ^4.21.0
- @progress/kendo-theme-material: ^3.18.0
Bug Fixes
- mark as compatible with Angular 10
Bug Fixes
- touched state css class not updated when used in an on-push component (#347)
- dateinput renders k-state-focused when in a picker
- dateinput: clicking on placeholder selects underlying format segment
Features
- datepicker: allow setting the input only in a readonly state
- datetimepicker: allow setting the input only in a readonly state
- timepicker: allow setting the input only in a readonly state
v4.2.2
10 February 2020
Bug Fixes
- datepicker: component doesn't get blurred on mobile when closed via icon click
- datetimepicker: wrongly emits blur on mobile when the input is focused & the popup gets closed
- timepicker:
- component doesn't get blurred on mobile when closed via icon click
- browser zoom, scale or font-size change lead to timelist misaligned items
v4.2.1
20 January 2020
Bug Fixes
- mark as compatible with Angular 9.x
v4.2.0
28 November 2019
Bug Fixes
- resolve ivy compilation issues (#324)
- Ivy compilation errors
- validator change doesn't update the control's validity status (#315)
- datepicker:
- popup not closed on window blur
- tabbing out of the popup does not focus the next focusable element
- daterange: popup not closed on window blur
- datetimepicker: popup not closed on window blur
- timepicker: popup not closed on window blur
Features
- calendar: disabled dates support
- datepicker: disabled dates support
- datetimepicker: disabled dates support
- multiviewcalendar:
- validate control if the rangeSelection includes disabled dates
- disabled dates support
v4.1.0
18 September 2019
Bug Fixes
- error in Ivy due to mixed decorators
- multi-view and timeselector buttons trigger form submit
Features
- add datetimepicker component (#303)
Bug Fixes
- datepicker: opening the popup via icon click doesn't focus the calendar in firefox
- daterange:
- escape press does not trigger cancel event
- open & close events fired twice on popup open/close
- programmatic change to dateinputs value does not change the range value
- timepicker: opening the popup via icon click doesn't focus the time-selector in firefox
Bug Fixes
- don't provide CldrIntlService by default
- calendar: next month dates not rendered when min date has a time portion on navigation cli
Features
- determine weekends based on intl weekendRange
- update to RxJS 6
Breaking Changes
- SystemJS config, if used, must be updated to reference dist/npm/index.js
- New peer dependencies @progress/kendo-angular-common and@progress/kendo-angular-popup.
- Angular 4 and 5 are no longer supported
Bug Fixes
- mark as compatible with Angular 8
- last day of month is excluded if the first week day is dst change
v3.7.3
24 April 2019
Bug Fixes
- update validation on rangeValidation changes
v3.7.2
12 April 2019
Bug Fixes
- alignment when showing incomplete views
v3.7.0
14 March 2019
Bug Fixes
- cannot type may if value is null
Features
- change day period when typing letter
v3.6.0
21 February 2019
Bug Fixes
- multiviewcalendar:
- prev/next buttons disabled when subsequent views include min/max dates
- views option ignored when max date is too close to focused date
- focused date change to previous date range doesn't update the header text
- timepicker: range validation with same hour min and max
Features
- add flat ES module bundles
v3.5.4
14 January 2019
Bug Fixes
v3.5.3
9 January 2019
Bug Fixes
- floating label for initial empty value
- error is thrown on formcontrol reset after destroy
- kendo-textbox-container floating label does not render in dateinputs
- month view in Edge 18
v3.5.2
10 December 2018
Bug Fixes
- enter does not select date on enter without value binding
- pickers are closed on icon click in IE
- reduce change detections triggered by the components
- reduce CD cycles
- timepicker: don't trigger value change for the same value
v3.5.1
23 October 2018
Bug Fixes
- remove bogus type dependencieds
v3.5.0
19 October 2018
Bug Fixes
- dateinputs: dynamically changed placeholder value is not properly updated
- datepicker: dynamically changed placeholder not rendering its new value
Features
- mark as compatible with Angular 7.x
Bug Fixes
- error when compiling with strict
Bug Fixes
- compilation error with noImplicitAny
- calendar: skip change detection when same active date is set (#232)
- date-range: export missing components (#235)
Bug Fixes
- stale dependencies in browser bundle
- dateinput: keep date part on update when time format is used.
- multiviewcalendar: enable navigation buttons when views=1 is used
Bug Fixes
- daterange: stop re-exporting PopupModule causing incorrect selector matching
- timepicker: select cornering values when hours with step:2 is used (#226)
Bug Fixes
- render unique id to the HTML input element
- dateinput:
- fix AOT error
- set placeholder only on change to avoid infinite loops in IE
- select whole text on TAB
- datepicker:
- expose Calendar HeaderTitle and NavigationItem templates
- close the popup when click selected cell
- reset input value when using writeValue method
- close the popup on document click in mobile device
- daterange: auto-correct value on blur and change without a delay
- timepicker:
- reset input value when using writeValue method
- close the popup on document click in mobile device
Features
- dateinput: render the placeholder text with input.placeholder attribute
Bug Fixes
- calendar:
- clean up header services on destroy
- Do not affect other calendars when navigate up or down
- render today's date when selected value has time
- dateinput: switch to next segment when value has leading zero
- daterange:
- keep k-state-focused to the active DateInput component when popup is opened
- update dateinput element value on change
Features
- calendar:
- introduce header and navigation item templates
- WIP header template
- dateinput: add support for basic pasting
Bug Fixes
- mark module as side-effects free (#211)
- mark as compatible with Angular 6.x, RxJS 6.x
- datepicker: remove inexisting events
Features
Features
- Date range selection (#208)
v3.0.0
24 April 2018
Features
- support for dynamic locale changes
- support dynamic language switching (#201)
Breaking Changes
- Requires v1.4.0 or above of the @progress/kendo-angular-intl package.
- Requires v1.1.0 or above of @progress/kendo-angular-l10n package
Bug Fixes
- flatten metadata
- datepicker:
- persist time portion when type new date
- fix memory leak (#193)
- timepicker:
- persist the date portion when type new date
- scroll time list correctly in zoomed page
- scroll time list correctly in zoomed page (#194)
Features
- dateinput: add readonly support
- datepicker: add readonly support
- timepicker: add readonly support
v2.1.1
14 February 2018
Bug Fixes
- bundle metadata and type definitions alongside CommonJS modules
v2.1.0
9 February 2018
Bug Fixes
- serve CDN bundle for UNPKG and jsDelivr
- build errors when targeting es2015
- Mark for check when form update disabled state of the component
- dateinput: ensure clear form state on initial render
- datepicker:
- notify when defined model value is not valid Date instance
- destroy on blur without throwing an error
- timepicker:
- notify when defined model value is not valid Date instance
- destroy on blur without throwing an error
Features
- calendar: add support for tabindex input property binding
- dateinput: add support for tabindex input property binding
- datepicker:
- skip input focus on icon click when used in mobile OS
- add support for tabindex input property binding
- timepicker:
- skip input focus on icon click when used in mobile OS
- add support for tabindex input property binding
v2.0.1
5 February 2018
Bug Fixes
v2.0.0
26 January 2018
Bug Fixes
- require kendo-angular-popup ^2.0.0
Features
- use pipeable operators from RxJS 5.5
Breaking Changes
- Peer dependencies changed; Requires rxjs@^5.5.0
v1.4.5
26 January 2018
Bug Fixes
v1.4.4
25 January 2018
Bug Fixes
- datepicker: toggle focus sync to avoid JS exceptions
- timepicker: toggle focus sync to avoid JS exceptions
v1.4.3
5 January 2018
Bug Fixes
- allow date inputs to be used inside TextBoxContainer
- calendar: fix Year view height calculation
v1.4.2
13 December 2017
Bug Fixes
- datepicker: expose calendar navigation property (#176)
- timepicker: add class to popup component
v1.4.1
21 November 2017
Bug Fixes
- render a unique ID to the focusable element
- calendar: reduce View and ViewList template size (#172)
- dateinputs: reflect model update when done in callback
v1.4.0
13 November 2017
Bug Fixes
- render k-state-disabled to the host elements
- calendar:
- clamp selected value between min/max range (#171)
- honor custom font styling during component rendering
- dateinput:
- export DateInputFormatPlaceholder and DateInputCustomFormatPlaceholder types
- starts from initial value when focus segment
- keep typed '1' value in the 'yyyy' section
- allow leading zeros at day/month date segments
- support OnPush change detection strategy
- datepicker:
- keep time portion when pick date from calendar. (#169)
- update input value on calendar change
- close popup on ALT+UP
- timepicker:
- make AM/PM selection reliable in IE
- enable buttons focusing with TAB key
- honor FormControl enable/disable changes with OnPush strategy
- honor custom styling during TimePicker rendering
Features
- calendar:
- expose activeViewChange and activeViewDateChange events
- render Week numbers column in Month view
- dateinput:
- introduce format placeholder property
- introduce placeholder attribute support
- datepicker:
- expose DateInput placeholder and formatPlaceholder options
- expose Calendar weekNumber option
- timepicker: expose DateInput placeholder and formatPlaceholder options
v1.3.1
24 October 2017
Bug Fixes
- calendar: allow server-side rendering with NG Universal
v1.3.0
17 October 2017
Bug Fixes
- calendar:
- calc non-Month views' height correctly
- unfold templates to static HTML to support AOT
Features
- calendar: introduce year/decade/century views for faster navigation
v1.2.1
4 October 2017
Bug Fixes
- accept Angular 5.x as a peer dependency
- use ngTemplateOutletContext
- replace OpaqueToken with InjectionToken
- enable virtual scrolling in IE9 (#156)
v1.2.0
6 September 2017
Bug Fixes
- add class to timepicker popup
- timepicker: Now button should set value to the current time
Features
- timepicker: add show/hide option for the Cancel button
v1.1.0
29 August 2017
Bug Fixes
- avoid importing whole RxJS
- calendar: error in universal rendering (#134)
- dateinput:
- stop HTML5 input autocomplete functionality
- update input value on format property change
- datepicker: position popup correctly in zoomed mobile device
- timepicker:
- position popup correctly in zoomed mobile device
- enable initial scroll animation when selected value is different
- update current when set value through form model (#140)
- skip scroll animation when same text is selected
- snap through items on every wheel scroll
- timepicker-dom-service: restructure fake element to match new styling
Features
- datepicker: add popup appendTo option
- timepicker: add popup appendTo option
v1.0.6
11 August 2017
Bug Fixes
- calendar:
- calculate calendarHeight correctly in bootstrap
- correctly calculate navigation offset when flexbox is used (#123)
- update form model before triggering valueChange event
- throw exception when provided value is not valid
- dateinput:
- stop HTML5 input autocomplete functionality
- update input value on format property change
- update form model before triggering valueChange event
- throw exception when provided value is not valid
- datepicker:
- update form model before triggering valueChange event
- throw exception when provided value is not valid
- avoid views jumping on scroll (#120)
- defer the calendar focusing on popup open
Bug Fixes
- upgrade Popup dependency to 1.1.0
- bundle build with Angular 4.2
Bug Fixes
- use Renderer2 to set element properties
- calendar: render without exception in IE9
- dateinput:
- select single date segment on calendar change
- keep time unchanged when type new year value
- keep first segment selected when whole text is replaced
- use base date with midnight time portion.
- datepicker:
- right-align popup when in RTL mode
- retain dateinput selection on calendar change
- avoid NaN date values in IE11.
Bug Fixes
- use Renderer2 to set element properties
- dateinput:
- select single date segment on calendar change
- keep time unchanged when type new year value
- keep first segment selected when whole text is replaced
- use base date with midnight time portion.
- datepicker:
- right-align popup when in RTL mode
- retain dateinput selection on calendar change
- avoid NaN date values in IE11.
Bug Fixes
- dateinput:
- add k-state-active to spin buttons
- add k-state-focused when component is active.
Features
- official release
- Remove placeholder property binding (#89)
Features
- Remove placeholder property binding (#89)
v0.8.3
27 April 2017
Bug Fixes
- dateinput:
- select first/last segment using HOME/END
- allow selection and modification of AM/PM segment
- select first segment when call focus method
- keep day in range when modify month segment
- allow zero year in IE11.
v0.8.2
25 April 2017
Bug Fixes
- perform range validation only if component has value
- dateinput: update FormControl only when min/max range actually has changed.
v0.8.1
21 April 2017
Bug Fixes
- dateinput: allow number input in short/long month name segments.
v0.8.0
20 April 2017
Bug Fixes
- calendar: export component as kendo-calendar
- dateinput:
- disable dragAndDrop to prevent incorrect input
- prevent pasting in the input as a whole
- export the component as 'kendo-dateinput'
- norify FormControl for min/max range change
- notify FormControl for range changes to hide old min/max errors
- accept leap days when whole value has been deleted
- typing a month will normalize the invalid date
- typing a year will normalize the invalid date
- datepicker: export component as kendo-datepicker
Features
- dateinput:
- switch date segments using TAB/Shift+TAB
- backspace switches to prev date segment
- switch date segment when typed value overflows
v0.7.0
13 April 2017
Bug Fixes
- calendar:
- keep navigation bar sync after another calendar is destroyed.
- accept only valid focusedDate property value
- dateinput: skip value updates when meta key is pressed
- dateinputs:
- skip validation if min/max are null
- remove @progress/animations peer dependency as it is defined by the Popup packag
Features
- introduce a DatePicker component
- calendar: enable cell template to be defined through input property
- dateinput: define input placeholder attribute
- datepicker: render all internal components
v0.6.1
11 April 2017
Bug Fixes
- dateinputs: add @angular/animations package as peer dependency
Bug Fixes
- dateinput: keep caret position when update value (#67)
Bug Fixes
- dateinput: update input text on subsequent value property updates (#64)
v0.5.0
29 March 2017
Bug Fixes
- DateInput: typing over invalid selection to be nicely handled #47 #48
- dateInput:
- clicking on separator not always select correct part
- typing month to be case insensitive
- various fixes
- typing in mobile devices
- missing setDisabledState method
- typing letter on initially empty input results in js error
- tabbing and focusing browser related issues
- title
- shift+scroll to navigate thru parts;
- change months by typing name or number #27
- aria fixes
- hours navigation issue
- typing over already masked part if out of range
- backspace over selection
- selection fixes, and spin buttons to modify the active part
- dateinput:
- render numbers for aria-value* attributes
- accept 0 value when valid for a date part.
Features
- release DateInput component
- Expose custom message components for both Calendar and DateInput
- DateInput: Display placeholders for deleted parts #42
- dateInput:
- localized placeholders
- typing restriction
- dateinput:
- introduce auto-correction functionality
- add option to enable/disable range validation
- use @progress/kendo-angular-l10n for localization
- add focus/blur events and methods
- add support for an arbitrary tabindex
v0.4.1
24 March 2017
Bug Fixes
- calendar: wire scroll event only on the client
v0.4.0
24 March 2017
Features
- calendar:
- introduce blur method
- Calendar Navigation Bar (#54)
v0.3.6
13 February 2017
Bug Fixes
- calendar: shift week names based first week day. (#39)
v0.3.5
10 February 2017
Bug Fixes
v0.3.4
9 February 2017
Bug Fixes
- calendar: amend AOT support making injected services public (#37)
v0.3.3
9 February 2017
Bug Fixes
- calendar: ammend AOT using public HostBindings
v0.3.2
7 February 2017
Bug Fixes
- calendar:
- scroll to focused date when it is not in view port
- trigger detect changes before the cell is clicked.
- utils: correctly check whether date is in dates collection. Test all util methods too
v0.3.1
3 February 2017
Bug Fixes
- calendar: use default min/max values when null is provided.
v0.3.0
2 February 2017
Bug Fixes
- calendar:
- keep focus in calendar on click
- calculate view height in IE11 correctly.
Features
- calendar: introduce a focus method
v0.2.0
31 January 2017
Bug Fixes
- calendar:
- use today if [value] is null
- render views without skipping months
Features
- calendar:
- release v0.2.0
- render k-state-focused only when element is focused
Is this article helpful?
Thank you for your feedback!