Calendar Overview

The Calendar control displays a one-month calendar and allows users to select a date. Use the value property to get or set the currently selected date.

By default, user can select a day in the Calendar control. This default behavior can be changed by using the selectionMode property which determines whether user is allowed to select days, months, or no values at all. Use the min and max properties to restrict the range of dates that user can select.

HTML

<input  id="theCalendar" />

Javascript

import * as wijmo from '@grapecity/wijmo';
import * as input from '@grapecity/wijmo.input';

function init() {
    // the calendar
    let theCalendar = new input.Calendar('#theCalendar', {
        valueChanged: () => showCurrentDate()
    });    
}