As the DatePicker and TimePicker components are now available, there is still one missing: the DateTimePicker component.
How do I get a DateTimePicker to work in UTC.
There are workarounds: a) Modifying the DateTime externally so that looks correct when rendered b) Intercept the NOW and TODAY buttons so that appear to be working in UTC
However there are still problems as you state: * Note that not all UTC dates are representable as local dates due to * missing/ambigous hours during DST changes.
The only real and reliable solution is for Kendo to support UTC. |
Similar to the disabledDates property, it would be great it this was available for time.
For example, I would like to disable dates before 8am, between 11am - 1pm, and after 5pm, passing a function which can be evaluated would be great.
While there is the min and max properties, they do not satisfy our requirements.
Hello Kendo Team,
Kendo have Date range picker and time picker separately, but we need DateTimeRange picker. Kendo also have Datetime picker but we are looking to select date time with range.
thanks
The DateTimePicker allows the developer to specify the focused date of the popup Calendar, using the focusedDate option. But there is no such option setting a focused time for the time part.
I want to set the default time for DateTimePicker as below is showing 12:00 AM instead I want it to be 5:00 PM, and same time I don't want to set this binding with the form value, It should just show default time as 5:00 PM without binding:
Hi,
we would like a feature to reverse the Cancel and Set buttons in the DateTimePicker, so that the Set button is positioned at the left instead of at the right (see attached image).
This is mainly for consistency and local culture reasons, as Windows dialogs also do this (put the positive answer at the left).
Kind regards,
Ludwig
Hi Kendo Team,
We want to set the default time value to 11:59 PM instead of 12:00 AM when the user opens the DateTime popup Time tab. We do not want to set the actual value because we do not want to risk the user saving the page with the provided value.
Thank you
Greetings,
A user told us our datetimepickers weren't opening their pop-ups at their selected values, they instead always open at today's date.
When you specify a focusedDate, which we never do, it does always open at that date's location, which is the intended behaviour afaik.
After creating a test app to track down the problem, it appears it has to do with the angular version.
The Stackblitz examples' package.json all use version 9.x.x, while we're currently using version 12.2.1.
We were using 11.2.0 before and it was broken there as well.
Downgrading everything to version 9 compatible packages indeed fixes the "error", but that's not something we're able to do.
Here's what our test app's package.json looks like:
{
"dependencies": {
"@angular/animations": "12.2.1",
"@angular/common": "12.2.1",
"@angular/compiler": "12.2.1",
"@angular/core": "12.2.1",
"@angular/forms": "12.2.1",
"@angular/platform-browser": "12.2.1",
"@angular/platform-browser-dynamic": "12.2.1",
"@angular/router": "12.2.1",
"rxjs": "6.6.7",
"tslib": "2.3.1",
"zone.js": "0.11.4",
"@progress/kendo-licensing": "1.2.0",
"@progress/kendo-angular-dateinputs": "5.2.3",
"@progress/kendo-angular-common": "2.0.1",
"@progress/kendo-angular-l10n": "3.0.2",
"@progress/kendo-angular-popup": "4.0.1",
"@progress/kendo-angular-label": "3.1.0",
"@progress/kendo-angular-intl": "3.1.1",
"@progress/kendo-theme-default": "latest"
},
"devDependencies": {
"@angular-devkit/build-angular": "12.2.3",
"@angular/cli": "12.2.1",
"@angular/compiler-cli": "12.2.1",
"@angular/localize": "12.2.1",
"@types/node": "^12.11.1",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "4.3.5"
}
}
Our html file is as simple as the following:
<kendo-datetimepicker [formControl]="fc"></kendo-datetimepicker>
Steps to replicate:
Kind regards