# MonthCalendar

The Wisej.NET `MonthCalendar` control enables date selection through a visual display. Set the `MinDate` and `MaxDate` properties to limit selectable dates and times.

{% hint style="info" %}
For a full list of properties, methods and events see the [API documentation.](http://docs.wisej.com/api)
{% endhint %}

## Features

### Bolded Dates

The `MonthCalendar` control supports bolded dates to define one-time, monthly, and yearly events.

![MonthCalendar with bolded dates](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-bacb5857cf53dc1b14ba6d4b0d3bd3a82afff324%2Fimage.png?alt=media)

### Calendar Dimensions

The `MonthCalendar` control displays multiple calendars in a grid-like structure.

![MonthCalendar with multiple months](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-a9fcca21d6425018d35395cedb46978b84d11b01%2Fimage.png?alt=media)

### Custom Today Date Format

The `TodayDate` and `TodayFormat` properties enable customized date and format settings.

![MonthCalendar with TodayFormat: "The current date and time is" dddd, MMMM dd, "of" yyyy](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-9deaa1e1bcaad63f9bf3788310640d8cdb47a4ab%2Fimage.png?alt=media)

## Advanced

### JavaScript Widget

| Item                | Description                                                                                                                                                                                   |
| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Class name          | "wisej.web.MonthCalendar" for the base component, "wisej.web.monthCalendar.DateChooser" for the drop down component, and wisej.web.monthCalendar.Today for the label that shows today's date. |
| Theme appearance    | "calendar", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                                                                                                       |
| Child components    | "datechooser" is the dropdown. "today" is the today label. "tools" is the tools container.                                                                                                    |
| Toolcontainer state | "calendar", see [Embedded Tools](https://docs.wisej.com/docs/controls/general/embedded-tools).                                                                                                |
| Source code         | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js)                                                                           |