Date Calendar
The Date Calendar lets the user select a date without any input or modal.
Namn | Typ | Beskrivning |
---|---|---|
customTranslation | DeepPartial | Translation object used for screen reader texts. |
disableFuture | boolean | If true, disable values after the current date for date components, time for time components and both for date time components. |
disablePast | boolean | If true, disable values before the current date for date components, time for time components and both for date time components. |
disabled | boolean | If true, the component is disabled. |
hasActionButtons | boolean | Render action buttons Cancel and Ok. If true, onAccept only fires on Ok button |
hasWeekNumbers | boolean | Set this to true the picker should show the week numbers next to dates. |
isLoading | boolean | If true, a loading skeleton will be rendered instead of the component. |
lang * | "sv" |
"en" | Language used for localization and date formatting. |
onChange | (newValue: Date, selectionState: unknown, selectedView: ViewType) => void | Callback when Calendar changes. |
onClose | () => void | Callback when Calendar is requested to be closed. |
outlined | boolean | If true the calendar will have a border and white background. Default is false = transparent |
secondaryView | "month" |
"year" | Specifies the default calendar view when the component is rendered. |
timeZone | string | Time zone for the calendar. |
titleStyle | "h2" |
"h3" |
"h4" | Style calendar heading as h2, h3 or h4. Defaults to h2 |
value | "undefined" |
Date | Date value of the datepicker, in yyyy-MM-dd format. |
npm install @sj-ab/component-library.ui.date-calendar
- Enter / PiltangenterVälj ett datum i kalender
Importer av Date Calendar
9Repos med Date Calendar
40%Senaste installerade version av Date Calendar
3.2.0Äldsta installerade version av Date Calendar
3.1.14