Documentation / @jalali-js/ui-react / InlineCalendar

Function: InlineCalendar()

InlineCalendar(__namedParameters): Element

Defined in: react/src/Calendar.tsx:76

A headless month grid: it renders plain markup with data attributes (data-selected, data-today, data-outside-month, data-disabled) and no required CSS, so a consumer can restyle it completely. DatePicker is this same component with a default stylesheet and a popover wrapped around it.

Days blocked by rules render as disabled buttons: clicks do nothing and the Tab order skips them, so keyboard navigation skips blocked days.

With quickNav (default on), clicking the month or year in the header opens a month grid or a year grid, so a person can jump years ahead without paging one month at a time. Picking a year moves to the month grid; picking a month moves to the day grid.

Parameters

__namedParameters

InlineCalendarProps

Returns

Element