0.12.5 • Published 3 months ago

@snack-uikit/calendar v0.12.5

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
3 months ago

Calendar

Installation

npm i @snack-uikit/calendar

Changelog

Example

import { Calendar } from '@snack-uikit/calendar';

<Calendar
  mode='date'
  onChangeValue={(selectedDate: Date) => {
    // do something
  }}
/>

<Calendar
  mode='range'
  onChangeValue={(selectedRange: [Date, Date]) => {
    // do something
  }}
/>

Calendar

Props

nametypedefault valuedescription
mode*"date" | "range"-Режим работы календаря: - date - режим выбора даты - range - режим выбора периода
sizeenum Size: "s", "m", "l"mРазмер
todaynumber \| Date-Дата сегодняшнего дня
showHolidaysboolean-Раскрашивает субботу и воскресенье
buildCellProps(date: Date, viewMode: ViewMode) => { isDisabled?: boolean; isHoliday?: boolean } ;-Колбек установки свойств ячеек календаря. Вызывается на построение каждой ячейки. Принимает два параметра: Date - дата ячейки ViewMode: - month отображение месяца, каждая ячейка - 1 день - year отображение года, каждая ячейка - 1 месяц - decade отображение декады, каждая ячейка - 1 год Колбек должен возвращать объект с полями, отвечающими за отключение и подкраску ячейки.
classNamestring-CSS-класс контейнера
fitToContainerbooleantrueОтключает предустановленный размер, заставляя компонент подстраиваться к размеру контейнра: (width: 100%, height: 100%).
styleCSSProperties-Объект со стилями на контейнер.
autofocusboolean-Автофокус
localeIntl.LocaleПроставляется в соответствие с языком в настройках браузераЛокаль, в соответствие с которой выставляется язык названий и первый день недели
onFocusLeave(direction: FocusDirection) => void-Колбек потери фокуса. Вызывается со значением next, когда фокус покидает компонент, передвигаясь вперед, по клавише tab. Со значением prev - по клавише стрелки вверх или shift + tab.
navigationStartRefRefCallback<HTMLButtonElement>-Ref-callback на первый доступный интерактивный элемент
valueDate \| Range-Выбранное значение. - в режиме date тип Date - в режиме range тип Range ([Date, Date])
defaultValueDate \| Range-Значение по-умолчанию для uncontrolled. - в режиме date тип Date - в режиме range тип Range ([Date, Date])
onChangeValue((value: Date) => void) \| ((value: Range) => void)-Колбек выбора значения. - в режиме date принимает тип Date - в режиме range принимает тип Range
0.11.20

7 months ago

0.11.21

7 months ago

0.11.26

6 months ago

0.11.27

6 months ago

0.11.28

6 months ago

0.11.29

6 months ago

0.11.22

7 months ago

0.11.23

6 months ago

0.11.24

6 months ago

0.11.25

6 months ago

0.11.30

6 months ago

0.11.31

6 months ago

0.11.32

6 months ago

0.11.33

6 months ago

0.11.34

6 months ago

0.11.35

6 months ago

0.11.8

9 months ago

0.11.9

9 months ago

0.11.1

10 months ago

0.11.2

10 months ago

0.11.3

10 months ago

0.11.4

10 months ago

0.11.5

10 months ago

0.11.6

10 months ago

0.11.7

10 months ago

0.12.0

4 months ago

0.12.1

4 months ago

0.12.2

4 months ago

0.12.3

4 months ago

0.12.4

4 months ago

0.12.5

3 months ago

0.11.10

9 months ago

0.11.19

7 months ago

0.11.15

8 months ago

0.11.16

7 months ago

0.11.17

7 months ago

0.11.18

7 months ago

0.11.11

9 months ago

0.11.12

9 months ago

0.11.13

8 months ago

0.11.14

8 months ago

0.11.0

10 months ago

0.9.0

10 months ago

0.10.0

10 months ago

0.7.12

11 months ago

0.8.0

11 months ago

0.7.11

11 months ago

0.7.10

1 year ago

0.7.9

1 year ago

0.7.8

1 year ago

0.7.7

1 year ago

0.7.6

2 years ago

0.7.5

2 years ago

0.7.4

2 years ago

0.7.3

2 years ago

0.7.2

2 years ago

0.7.1

2 years ago

0.7.0

2 years ago

0.6.5

2 years ago

0.6.4

2 years ago

0.6.3

2 years ago

0.6.2

2 years ago

0.6.1

2 years ago

0.6.0

2 years ago

0.5.1

2 years ago

0.5.0

2 years ago