Basic usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • EDIT
  • Change Theme
    default

    Themes & Swatches

    SASS
    LESS
    Launch Theme Builder
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Main Dark
    • Nordic
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Main Dark
    • Opal
    • Silver
index.html

Also available for:

API REFERENCE
kendo ui kendoka image

The DatePicker component is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

Description

The demo shows how users can effortessly edit and select dates in the calendar. Combine date editing functionality and animated dropdown in a jQuery DatePicker widget for your web application.

Since R2 2017 the DatePicker can use DateInput as a default input. The second DatePicker in the example is configured to use DateInput.

Features

You can find additional information on how to use the jQuery DatePicker in this section of the product documentation.

Support & Learning Resources