@mantine/dates
Version:
Calendars, date and time pickers based on Mantine components
1 lines • 1.97 kB
Source Map (JSON)
{"version":3,"file":"TimePresetGroup.mjs","names":[],"sources":["../../../../src/components/TimePicker/TimePresets/TimePresetGroup.tsx"],"sourcesContent":["import { SimpleGrid } from '@mantine/core';\nimport { useTimePickerContext } from '../TimePicker.context';\nimport { TimePickerAmPmLabels, TimePickerFormat, TimePickerPresetGroup } from '../TimePicker.types';\nimport { isSameTime } from '../utils/is-same-time/is-same-time';\nimport { TimePresetControl } from './TimePresetControl';\n\ninterface TimePresetGroupProps {\n value: string;\n data: TimePickerPresetGroup;\n onChange: (value: string) => void;\n format: TimePickerFormat;\n amPmLabels: TimePickerAmPmLabels;\n withSeconds: boolean;\n}\n\nexport function TimePresetGroup({\n value,\n data,\n onChange,\n format,\n amPmLabels,\n withSeconds,\n}: TimePresetGroupProps) {\n const ctx = useTimePickerContext();\n\n const items = data.values.map((item) => (\n <TimePresetControl\n key={item}\n value={item}\n format={format}\n amPmLabels={amPmLabels}\n withSeconds={withSeconds}\n active={isSameTime({ time: item, compare: value, withSeconds })}\n onChange={onChange}\n />\n ));\n\n return (\n <div {...ctx.getStyles('presetsGroup')}>\n <div {...ctx.getStyles('presetsGroupLabel')}>{data.label}</div>\n <SimpleGrid cols={withSeconds ? 2 : 3} spacing={4}>\n {items}\n </SimpleGrid>\n </div>\n );\n}\n\nTimePresetGroup.displayName = '@mantine/dates/TimePresetGroup';\n"],"mappings":";;;;;;;AAeA,SAAgB,gBAAgB,EAC9B,OACA,MACA,UACA,QACA,YACA,eACuB;CACvB,MAAM,MAAM,qBAAqB;CAEjC,MAAM,QAAQ,KAAK,OAAO,KAAK,SAC7B,oBAAC,mBAAD;EAEE,OAAO;EACC;EACI;EACC;EACb,QAAQ,WAAW;GAAE,MAAM;GAAM,SAAS;GAAO;EAAY,CAAC;EACpD;CACX,GAPM,IAON,CACF;CAED,OACE,qBAAC,OAAD;EAAK,GAAI,IAAI,UAAU,cAAc;YAArC,CACE,oBAAC,OAAD;GAAK,GAAI,IAAI,UAAU,mBAAmB;aAAI,KAAK;EAAW,CAAA,GAC9D,oBAAC,YAAD;GAAY,MAAM,cAAc,IAAI;GAAG,SAAS;aAC7C;EACS,CAAA,CACT;;AAET;AAEA,gBAAgB,cAAc"}