FirstDay of week for Kendo UI DatePicker for Angular

2 posts, 0 answers
  1. Mike
    Mike avatar
    7 posts
    Member since:
    Oct 2008

    Posted 10 Oct 2017 Link to this post


    how can I set the first day of the week used by the Kendo UI DatePicker in an Angular 2/4 project?



  2. Georgi Krustev
    Georgi Krustev avatar
    3749 posts

    Posted 12 Oct 2017 Link to this post

    Hello Mike,

    The first day of the week is controlled by the chosen LOCALE_ID. For instance, if the locale is set up to 'en-GB', then the component will display the week from Monday. Here is a simple plunker demo that demonstrates the required configuration:

    Basically, the required culture should be loaded:

    and then the correct LOCALE_ID provider should be defined:

    providers:    [{
        // Set default locale to bg-BG
        provide: LOCALE_ID, useValue: 'en-GB'

    The component will use the defined LOCALE_ID and will reflect the firstDay configuration as expected.

    Georgi Krustev
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top