Components › Forms & input › Date & time › Picker panel

Picker panel

canon

Anchored floating container that hosts the calendar or time list.

Used in 8 files · 7 areas · 8× — components/callwrapup, components/color, components/projects, components/segment, components/tasks, components/timeline …

@acrm/ui <PickerPanel>.dp-panel .dp-scrimSourceStoryLegacy card dates.html
ExamplesCodeUsageAccessibilityChangelog

Import

import { PickerPanel } from '@acrm/ui'

Props

PickerPanel packages/ui/src/components/PickerPanel.tsx

NameTypeDefaultDescription
open *boolean——
anchorRef *RefObject<HTMLElement | null>——
onClose *() => void——
children *ReactNode——
ariaLabelstring—aria-label pro dialog roli panelu.
depunknown—Hodnota, jejíž změna mění výšku panelu (počet měsíců/řádků) → re-měření.

CSS classes

.dp-panel.dp-scrim

Files

CalendarPopover