Date Calendar

3.2.2

The Date Calendar lets the user select a date without any input or modal.

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
NamnTypBeskrivning

customTranslation

DeepPartialTranslation object used for screen reader texts.

disableFuture

booleanIf true, disable values after the current date for date components, time for time components and both for date time components.

disablePast

booleanIf true, disable values before the current date for date components, time for time components and both for date time components.

disabled

booleanIf true, the component is disabled.

hasActionButtons

booleanRender action buttons Cancel and Ok. If true, onAccept only fires on Ok button

hasWeekNumbers

booleanSet this to true the picker should show the week numbers next to dates.

isLoading

booleanIf 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) => voidCallback when Calendar changes.

onClose

() => voidCallback when Calendar is requested to be closed.

outlined

booleanIf 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

stringTime zone for the calendar.

titleStyle

"h2" | "h3" | "h4"Style calendar heading as h2, h3 or h4. Defaults to h2

value

"undefined" | DateDate value of the datepicker, in yyyy-MM-dd format.

Installation

npm install @sj-ab/component-library.ui.date-calendar

Länkar

Tangentbordsinteraktioner

  • Enter / Piltangenter
    Välj ett datum i kalender

Change log

Statistik

  • Importer av Date Calendar

    9
  • Repos med Date Calendar

    40%
  • Senaste installerade version av Date Calendar

    3.2.0
  • Äldsta installerade version av Date Calendar

    3.1.14