ui/range_calendar

Types

Msg

Messages for range calendar keyboard navigation

pub type Msg {
  MoveDay(Int)
  SelectDate
  MoveWeek(Int)
  MoveMonth(Int)
  MoveToFirstDayOfWeek
  MoveToLastDayOfWeek
  SelectRangeStart
  SelectRangeEnd
}

Constructors

```
MoveDay(Int)
```
```
SelectDate
```
```
MoveWeek(Int)
```
```
MoveMonth(Int)
```
```
MoveToFirstDayOfWeek
```
```
MoveToLastDayOfWeek
```
```
SelectRangeStart
```
```
SelectRangeEnd
```

SelectionMode

</>

Selection mode for range calendar

pub type SelectionMode {
  Single
  Range
}

Constructors

```
Single
```
```
Range
```

Size

</>

pub type Size {
  Small
  Medium
  Large
}

Constructors

```
Small
```
```
Medium
```
```
Large
```

Variant

</>

pub type Variant {
  Default
  Muted
}

Constructors

```
Default
```
```
Muted
```

Values

keymap

</>

pub fn keymap(
  key_event: keyboard.KeyEvent,
  selection_mode: SelectionMode,
) -> option.Option(Msg)

Keymap for range calendar keyboard navigation

Keyboard interactions:

Arrow keys: Navigate dates (day by day)
Home: First day of week
End: Last day of week
PageUp: Previous month
PageDown: Next month
Space/Enter: Select date (start or end of range)

Follows WAI-ARIA Grid pattern.

range_calendar

</>

pub fn range_calendar(
  attributes: List(attribute.Attribute(a)),
  children: List(element.Element(a)),
) -> element.Element(a)

size

</>

pub fn size(s: Size) -> attribute.Attribute(a)

variant

</>

pub fn variant(v: Variant) -> attribute.Attribute(a)