UNPKG

@mantine/dates

Version:

Calendars, date and time pickers based on Mantine components

1 lines 1.15 kB
{"version":3,"file":"AmPmControlsList.mjs","names":[],"sources":["../../../../src/components/TimePicker/TimeControlsList/AmPmControlsList.tsx"],"sourcesContent":["import { useTimePickerContext } from '../TimePicker.context';\nimport { TimeControl } from './TimeControl';\n\ninterface AmPmControlsListProps {\n value: string | null;\n onSelect: (value: string) => void;\n labels: { am: string; pm: string };\n}\n\nexport function AmPmControlsList({ labels, value, onSelect }: AmPmControlsListProps) {\n const ctx = useTimePickerContext();\n const controls = [labels.am, labels.pm].map((control) => (\n <TimeControl key={control} value={control} active={value === control} onSelect={onSelect} />\n ));\n\n return <div {...ctx.getStyles('controlsList')}>{controls}</div>;\n}\n\nAmPmControlsList.displayName = '@mantine/dates/AmPmControlsList';\n"],"mappings":";;;;;AASA,SAAgB,iBAAiB,EAAE,QAAQ,OAAO,YAAmC;CACnF,MAAM,MAAM,qBAAqB;CACjC,MAAM,WAAW,CAAC,OAAO,IAAI,OAAO,EAAE,CAAC,CAAC,KAAK,YAC3C,oBAAC,aAAD;EAA2B,OAAO;EAAS,QAAQ,UAAU;EAAmB;CAAW,GAAzE,OAAyE,CAC5F;CAED,OAAO,oBAAC,OAAD;EAAK,GAAI,IAAI,UAAU,cAAc;YAAI;CAAc,CAAA;AAChE;AAEA,iBAAiB,cAAc"}