rangePickerKeys

Why JS.

tsx

import { rangePickerKeys } from "@sdxc/ui/app";

Usage

Adds the picker's keyboard layer and live select: a preset's letter picks it from anywhere on the page outside a text field, and changing the narrow select submits it, hiding its Apply button. Keys with Ctrl, Alt or Meta held pass through to the browser.

Signature

typescript

rangePickerKeys(): MixinDescriptor<HTMLElement>

Returns a mixin descriptor for RangePicker's mix prop, inside a hydrated island.

Examples

tsx

<RangePicker presets={presets} value={range} labels={labels} mix={rangePickerKeys()} />