Skip to main content


shows a specified date and/or opens the calendar in one of the available modes

showDate(date?: Date, mode?: ViewMode): void;


  • date: Date - the date that should be shown in the calendar
  • mode: string - optional, the mode in which the calendar will be opened


calendar.showDate(new Date(2020,11,12));

Related sample: Calendar. Showing Particular Calendar Date And Mode

The modes are:

"calendar"shows the days of a month, the default mode
"month"allows selecting a month of a year
"year"allows selecting a year
// shows the month of the specified datecalendar.showDate(new Date(2020,11,12),"month");
// shows the current monthcalendar.showDate(null,"month");
// shows the current year together with previous/next yearscalendar.showDate(new Date(2020,11,12),"year");
// shows the current yearcalendar.showDate(null,"year");