@mantine/dates/cjs/components/TimePicker/TimePresets/TimePresetControl.cjs.map

Calendars, date and time pickers based on Mantine components

{"version":3,"file":"TimePresetControl.cjs","names":["useTimePickerContext","UnstyledButton","TimeValue"],"sources":["../../../../src/components/TimePicker/TimePresets/TimePresetControl.tsx"],"sourcesContent":["import { UnstyledButton } from '@mantine/core';\nimport { TimeValue } from '../../TimeValue';\nimport { useTimePickerContext } from '../TimePicker.context';\nimport { TimePickerAmPmLabels, TimePickerFormat } from '../TimePicker.types';\n\ninterface TimePresetControlProps {\n  value: string;\n  active: boolean;\n  onChange: (value: string) => void;\n  format: TimePickerFormat;\n  amPmLabels: TimePickerAmPmLabels;\n  withSeconds: boolean;\n}\n\nexport function TimePresetControl({\n  value,\n  active,\n  onChange,\n  format,\n  amPmLabels,\n  withSeconds,\n}: TimePresetControlProps) {\n  const ctx = useTimePickerContext();\n\n  return (\n    <UnstyledButton\n      mod={{ active }}\n      onClick={() => onChange(value)}\n      {...ctx.getStyles('presetControl')}\n    >\n      <TimeValue withSeconds={withSeconds} value={value} format={format} amPmLabels={amPmLabels} />\n    </UnstyledButton>\n  );\n}\n\nTimePresetControl.displayName = '@mantine/dates/TimePresetControl';\n"],"mappings":";;;;;;AAcA,SAAgB,kBAAkB,EAChC,OACA,QACA,UACA,QACA,YACA,eACyB;CACzB,MAAM,MAAMA,2BAAAA,qBAAqB;CAEjC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,gBAAD;EACE,KAAK,EAAE,OAAO;EACd,eAAe,SAAS,KAAK;EAC7B,GAAI,IAAI,UAAU,eAAe;YAEjC,iBAAA,GAAA,kBAAA,IAAA,CAACC,kBAAAA,WAAD;GAAwB;GAAoB;GAAe;GAAoB;EAAa,CAAA;CAC9E,CAAA;AAEpB;AAEA,kBAAkB,cAAc"}