UNPKG

@mantine/dates

Version:

Calendars, date and time pickers based on Mantine components

1 lines 1.24 kB
{"version":3,"file":"TimeControl.mjs","names":[],"sources":["../../../../src/components/TimePicker/TimeControlsList/TimeControl.tsx"],"sourcesContent":["import { UnstyledButton } from '@mantine/core';\nimport { useTimePickerContext } from '../TimePicker.context';\nimport { padTime } from '../utils/pad-time/pad-time';\n\ninterface TimeControlProps {\n value: number | string;\n active: boolean;\n onSelect: (value: any) => void;\n}\n\nexport function TimeControl({ value, active, onSelect }: TimeControlProps) {\n const ctx = useTimePickerContext();\n\n return (\n <UnstyledButton\n mod={{ active }}\n onClick={() => onSelect(value)}\n onMouseDown={(event) => event.preventDefault()}\n data-value={value}\n tabIndex={-1}\n {...ctx.getStyles('control')}\n >\n {typeof value === 'number' ? padTime(value) : value}\n </UnstyledButton>\n );\n}\n\nTimeControl.displayName = '@mantine/dates/TimeControl';\n"],"mappings":";;;;;;AAUA,SAAgB,YAAY,EAAE,OAAO,QAAQ,YAA8B;CACzE,MAAM,MAAM,qBAAqB;CAEjC,OACE,oBAAC,gBAAD;EACE,KAAK,EAAE,OAAO;EACd,eAAe,SAAS,KAAK;EAC7B,cAAc,UAAU,MAAM,eAAe;EAC7C,cAAY;EACZ,UAAU;EACV,GAAI,IAAI,UAAU,SAAS;YAE1B,OAAO,UAAU,WAAW,QAAQ,KAAK,IAAI;CAChC,CAAA;AAEpB;AAEA,YAAY,cAAc"}