@addsign/moje-agenda-shared-lib 2.0.78 → 2.0.80

package/dist/components/ui/DateTimePicker.d.ts

@@ -7,6 +7,8 @@ interface DateTimePickerProps {
     placeholder?: string;
     clearable?: boolean;
     disabled?: boolean;
+    /** Granularita času v minutách (musí dělit 60 beze zbytku). Default 30. */
+    minuteStep?: number;
 }
 declare const DateTimePicker: React.ForwardRefExoticComponent<DateTimePickerProps & React.RefAttributes<HTMLInputElement>>;
 export default DateTimePicker;

package/dist/components/ui/DateTimePicker.js

@@ -62,14 +62,14 @@ function set(date, values) {
   return _date;
 }
 const DATE_FORMAT = "dd.MM.yyyy HH:mm";
-const roundToNearestHalfHour = (date) => {
-  const minutes = date.getMinutes();
-  const roundedMinutes = minutes < 15 ? 0 : minutes < 45 ? 30 : 60;
+const roundToNearestStep = (date, stepMinutes) => {
+  const totalMinutes = date.getHours() * 60 + date.getMinutes();
+  const rounded = Math.round(totalMinutes / stepMinutes) * stepMinutes;
   return set(date, {
     seconds: 0,
     milliseconds: 0,
-    minutes: roundedMinutes,
-    hours: roundedMinutes === 60 ? date.getHours() + 1 : date.getHours()
+    hours: Math.floor(rounded / 60),
+    minutes: rounded % 60
   });
 };
 const DateTimePicker = forwardRef(
@@ -80,20 +80,21 @@ const DateTimePicker = forwardRef(
     clearable = true,
     placeholder,
     disabled,
+    minuteStep = 30,
     ...props
   }, ref) => {
     const [dateTime, setDateTime] = React__default.useState(value || null);
     const [inputValue, setInputValue] = React__default.useState("");
     useEffect(() => {
       if (value) {
-        const roundedDate = roundToNearestHalfHour(value);
+        const roundedDate = roundToNearestStep(value, minuteStep);
         setDateTime(roundedDate);
         setInputValue(format(roundedDate, DATE_FORMAT));
       } else {
         setDateTime(null);
         setInputValue("");
       }
-    }, [value]);
+    }, [value, minuteStep]);
     const handleInputChange = (event) => {
       event.stopPropagation ? event.stopPropagation() : null;
       console.log(
@@ -158,11 +159,15 @@ const DateTimePicker = forwardRef(
       setDateTime(null);
       onChange == null ? void 0 : onChange(null);
     };
-    const timeOptions = Array.from({ length: 48 }, (_, i) => {
-      const hours = Math.floor(i / 2);
-      const minutes = i % 2 === 0 ? "00" : "30";
-      return `${hours.toString().padStart(2, "0")}:${minutes}`;
-    });
+    const timeOptions = React__default.useMemo(() => {
+      const count = Math.floor(24 * 60 / minuteStep);
+      return Array.from({ length: count }, (_, i) => {
+        const total = i * minuteStep;
+        const hours = Math.floor(total / 60);
+        const minutes = total % 60;
+        return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+      });
+    }, [minuteStep]);
     return /* @__PURE__ */ jsxs(Popover, { open: disabled ? false : void 0, children: [
       /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs("div", { className: cn("relative w-full", className), children: [
         /* @__PURE__ */ jsx(

package/dist/components/ui/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/calendar-clock.js","../../../node_modules/lucide-react/dist/esm/icons/clock.js","../../../node_modules/date-fns/set.mjs","../../../lib/components/ui/DateTimePicker.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CalendarClock = createLucideIcon(\"CalendarClock\", [\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M17.5 17.5 16 16.3V14\", key: \"akvzfd\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n]);\n\nexport { CalendarClock as default };\n//# sourceMappingURL=calendar-clock.js.map\n","/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Clock = createLucideIcon(\"Clock\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"polyline\", { points: \"12 6 12 12 16 14\", key: \"68esgv\" }]\n]);\n\nexport { Clock as default };\n//# sourceMappingURL=clock.js.map\n","import { constructFrom } from \"./constructFrom.mjs\";\nimport { setMonth } from \"./setMonth.mjs\";\nimport { toDate } from \"./toDate.mjs\";\n\n/**\n * @name set\n * @category Common Helpers\n * @summary Set date values to a given date.\n *\n * @description\n * Set date values to a given date.\n *\n * Sets time values to date from object `values`.\n * A value is not set if it is undefined or null or doesn't exist in `values`.\n *\n * Note about bundle size: `set` does not internally use `setX` functions from date-fns but instead opts\n * to use native `Date#setX` methods. If you use this function, you may not want to include the\n * other `setX` functions that date-fns provides if you are concerned about the bundle size.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n *\n * @param date - The date to be changed\n * @param values - The date values to be set\n *\n * @returns The new date with options set\n *\n * @example\n * // Transform 1 September 2014 into 20 October 2015 in a single line:\n * const result = set(new Date(2014, 8, 20), { year: 2015, month: 9, date: 20 })\n * //=> Tue Oct 20 2015 00:00:00\n *\n * @example\n * // Set 12 PM to 1 September 2014 01:23:45 to 1 September 2014 12:00:00:\n * const result = set(new Date(2014, 8, 1, 1, 23, 45), { hours: 12 })\n * //=> Mon Sep 01 2014 12:23:45\n */\n\nexport function set(date, values) {\n  let _date = toDate(date);\n\n  // Check if date is Invalid Date because Date.prototype.setFullYear ignores the value of Invalid Date\n  if (isNaN(+_date)) {\n    return constructFrom(date, NaN);\n  }\n\n  if (values.year != null) {\n    _date.setFullYear(values.year);\n  }\n\n  if (values.month != null) {\n    _date = setMonth(_date, values.month);\n  }\n\n  if (values.date != null) {\n    _date.setDate(values.date);\n  }\n\n  if (values.hours != null) {\n    _date.setHours(values.hours);\n  }\n\n  if (values.minutes != null) {\n    _date.setMinutes(values.minutes);\n  }\n\n  if (values.seconds != null) {\n    _date.setSeconds(values.seconds);\n  }\n\n  if (values.milliseconds != null) {\n    _date.setMilliseconds(values.milliseconds);\n  }\n\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default set;\n","import { format, parse, isValid, set } from \"date-fns\";\nimport { CalendarClockIcon, Clock, XIcon } from \"lucide-react\";\n\nimport { Button } from \"./button\";\nimport { Calendar } from \"./Calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\nimport { cn } from \"../../utils/utils\";\nimport React, { forwardRef, useEffect } from \"react\";\nimport { Input } from \"./input\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./select\";\nimport { PopoverClose } from \"@radix-ui/react-popover\";\n\nconst DATE_FORMAT = \"dd.MM.yyyy HH:mm\";\n\ninterface DateTimePickerProps {\n  value?: Date;\n  onChange?: (date: Date | undefined | null) => void;\n  className?: string;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n}\n\n// Helper function to round to the nearest half-hour\nconst roundToNearestHalfHour = (date: Date) => {\n  const minutes = date.getMinutes();\n  const roundedMinutes = minutes < 15 ? 0 : minutes < 45 ? 30 : 60;\n  return set(date, {\n    seconds: 0,\n    milliseconds: 0,\n    minutes: roundedMinutes,\n    hours: roundedMinutes === 60 ? date.getHours() + 1 : date.getHours(),\n  });\n};\n\nconst DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      className,\n      clearable = true,\n      placeholder,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const [dateTime, setDateTime] = React.useState<Date | null>(value || null);\n    const [inputValue, setInputValue] = React.useState<string | null>(\"\");\n\n    useEffect(() => {\n      if (value) {\n        const roundedDate = roundToNearestHalfHour(value);\n        setDateTime(roundedDate);\n        setInputValue(format(roundedDate, DATE_FORMAT));\n      } else {\n        setDateTime(null);\n        setInputValue(\"\");\n      }\n    }, [value]);\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      event.stopPropagation ? event.stopPropagation() : null; // Stop bubbling to prevent interference with other components\n      console.log(\n        \"%clibcomponentsateTimePicker.tsx:71 event\",\n        \"color: #007acc;\",\n        event\n      );\n      setInputValue(event.target.value);\n      const parsedDateTime = parse(event.target.value, DATE_FORMAT, new Date());\n\n      if (isValid(parsedDateTime)) {\n        setDateTime(parsedDateTime);\n        onChange?.(parsedDateTime);\n        setInputValue(format(parsedDateTime, DATE_FORMAT));\n      } else {\n        setInputValue(\"\");\n        setDateTime(null);\n        onChange?.(null);\n      }\n    };\n\n    const handleInputBlur = () => {\n      if (inputValue === \"\") {\n        setDateTime(null);\n        onChange?.(null);\n        return;\n      }\n\n      const parsedDateTime = parse(inputValue || \"\", DATE_FORMAT, new Date());\n      if (isValid(parsedDateTime)) {\n        setDateTime(parsedDateTime);\n        onChange?.(parsedDateTime);\n        setInputValue(format(parsedDateTime, DATE_FORMAT));\n      } else {\n        setInputValue(\"\");\n        setDateTime(null);\n        onChange?.(null);\n      }\n    };\n\n    const handleDateSelect = (selectedDate: Date | undefined | null) => {\n      if (selectedDate) {\n        const newDateTime = dateTime\n          ? set(dateTime, {\n              year: selectedDate.getFullYear(),\n              month: selectedDate.getMonth(),\n              date: selectedDate.getDate(),\n            })\n          : set(selectedDate, { hours: 12, minutes: 0 });\n        setDateTime(newDateTime);\n        onChange?.(newDateTime);\n        setInputValue(format(newDateTime, DATE_FORMAT));\n      } else {\n        setDateTime(null);\n        setInputValue(\"\");\n        onChange?.(null);\n      }\n    };\n\n    const handleTimeSelect = (time: string) => {\n      const [hours, minutes] = time.split(\":\").map(Number);\n\n      const newDateTime = set(dateTime ?? new Date(), { hours, minutes });\n      setDateTime(newDateTime);\n      onChange?.(newDateTime);\n      setInputValue(format(newDateTime, DATE_FORMAT));\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setDateTime(null);\n      onChange?.(null);\n    };\n\n    const timeOptions = Array.from({ length: 48 }, (_, i) => {\n      const hours = Math.floor(i / 2);\n      const minutes = i % 2 === 0 ? \"00\" : \"30\";\n      return `${hours.toString().padStart(2, \"0\")}:${minutes}`;\n    });\n\n    return (\n      <Popover open={disabled ? false : undefined}>\n        <PopoverTrigger asChild>\n          <div className={cn(\"relative w-full\", className)}>\n            <Input\n              ref={ref}\n              type=\"text\"\n              disabled={disabled}\n              value={inputValue || \"\"}\n              onChange={handleInputChange}\n              onBlur={handleInputBlur}\n              placeholder={placeholder}\n              className={cn(\n                \"w-full pl-8 pr-8\",\n                !dateTime && \"text-muted-foreground\"\n              )}\n              {...props}\n            />\n            <CalendarClockIcon className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n            {clearable && !disabled && inputValue && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"absolute right-2 top-1/2 -translate-y-1/2 h-4 w-4 p-0\"\n                onClick={handleClear}\n              >\n                <XIcon className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"sr-only\">Smazat datum a čas</span>\n              </Button>\n            )}\n          </div>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\n          <Calendar\n            mode=\"single\"\n            selected={dateTime || undefined}\n            onSelect={handleDateSelect}\n            initialFocus\n          />\n          <div className=\"p-3 border-t border-border\">\n            <div className=\"flex items-center justify-between\">\n              <Select\n                onValueChange={handleTimeSelect}\n                value={dateTime ? format(dateTime, \"HH:mm\") : undefined}\n              >\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Zvolte čas\">\n                    {dateTime ? (\n                      <div className=\"flex items-center\">\n                        <Clock className=\"mr-2 h-4 w-4\" />\n                        {format(dateTime, \"HH:mm\")}\n                      </div>\n                    ) : (\n                      \"Zvolte čas\"\n                    )}\n                  </SelectValue>\n                </SelectTrigger>\n                <SelectContent>\n                  {timeOptions.map((time) => (\n                    <SelectItem key={time} value={time}>\n                      {time}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <PopoverClose asChild>\n                <Button className=\"ml-2 px-3\">OK</Button>\n              </PopoverClose>\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n);\n\nDateTimePicker.displayName = \"DateTimePicker\";\n\nexport default DateTimePicker;\n"],"names":["React","CalendarClockIcon","XIcon"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"DateTimePicker.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/calendar-clock.js","../../../node_modules/lucide-react/dist/esm/icons/clock.js","../../../node_modules/date-fns/set.mjs","../../../lib/components/ui/DateTimePicker.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst CalendarClock = createLucideIcon(\"CalendarClock\", [\n  [\"path\", { d: \"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5\", key: \"1osxxc\" }],\n  [\"path\", { d: \"M16 2v4\", key: \"4m81vk\" }],\n  [\"path\", { d: \"M8 2v4\", key: \"1cmpym\" }],\n  [\"path\", { d: \"M3 10h5\", key: \"r794hk\" }],\n  [\"path\", { d: \"M17.5 17.5 16 16.3V14\", key: \"akvzfd\" }],\n  [\"circle\", { cx: \"16\", cy: \"16\", r: \"6\", key: \"qoo3c4\" }]\n]);\n\nexport { CalendarClock as default };\n//# sourceMappingURL=calendar-clock.js.map\n","/**\n * @license lucide-react v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Clock = createLucideIcon(\"Clock\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"polyline\", { points: \"12 6 12 12 16 14\", key: \"68esgv\" }]\n]);\n\nexport { Clock as default };\n//# sourceMappingURL=clock.js.map\n","import { constructFrom } from \"./constructFrom.mjs\";\nimport { setMonth } from \"./setMonth.mjs\";\nimport { toDate } from \"./toDate.mjs\";\n\n/**\n * @name set\n * @category Common Helpers\n * @summary Set date values to a given date.\n *\n * @description\n * Set date values to a given date.\n *\n * Sets time values to date from object `values`.\n * A value is not set if it is undefined or null or doesn't exist in `values`.\n *\n * Note about bundle size: `set` does not internally use `setX` functions from date-fns but instead opts\n * to use native `Date#setX` methods. If you use this function, you may not want to include the\n * other `setX` functions that date-fns provides if you are concerned about the bundle size.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n *\n * @param date - The date to be changed\n * @param values - The date values to be set\n *\n * @returns The new date with options set\n *\n * @example\n * // Transform 1 September 2014 into 20 October 2015 in a single line:\n * const result = set(new Date(2014, 8, 20), { year: 2015, month: 9, date: 20 })\n * //=> Tue Oct 20 2015 00:00:00\n *\n * @example\n * // Set 12 PM to 1 September 2014 01:23:45 to 1 September 2014 12:00:00:\n * const result = set(new Date(2014, 8, 1, 1, 23, 45), { hours: 12 })\n * //=> Mon Sep 01 2014 12:23:45\n */\n\nexport function set(date, values) {\n  let _date = toDate(date);\n\n  // Check if date is Invalid Date because Date.prototype.setFullYear ignores the value of Invalid Date\n  if (isNaN(+_date)) {\n    return constructFrom(date, NaN);\n  }\n\n  if (values.year != null) {\n    _date.setFullYear(values.year);\n  }\n\n  if (values.month != null) {\n    _date = setMonth(_date, values.month);\n  }\n\n  if (values.date != null) {\n    _date.setDate(values.date);\n  }\n\n  if (values.hours != null) {\n    _date.setHours(values.hours);\n  }\n\n  if (values.minutes != null) {\n    _date.setMinutes(values.minutes);\n  }\n\n  if (values.seconds != null) {\n    _date.setSeconds(values.seconds);\n  }\n\n  if (values.milliseconds != null) {\n    _date.setMilliseconds(values.milliseconds);\n  }\n\n  return _date;\n}\n\n// Fallback for modularized imports:\nexport default set;\n","import { format, parse, isValid, set } from \"date-fns\";\nimport { CalendarClockIcon, Clock, XIcon } from \"lucide-react\";\n\nimport { Button } from \"./button\";\nimport { Calendar } from \"./Calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\nimport { cn } from \"../../utils/utils\";\nimport React, { forwardRef, useEffect } from \"react\";\nimport { Input } from \"./input\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./select\";\nimport { PopoverClose } from \"@radix-ui/react-popover\";\n\nconst DATE_FORMAT = \"dd.MM.yyyy HH:mm\";\n\ninterface DateTimePickerProps {\n  value?: Date;\n  onChange?: (date: Date | undefined | null) => void;\n  className?: string;\n  placeholder?: string;\n  clearable?: boolean;\n  disabled?: boolean;\n  /** Granularita času v minutách (musí dělit 60 beze zbytku). Default 30. */\n  minuteStep?: number;\n}\n\nconst roundToNearestStep = (date: Date, stepMinutes: number) => {\n  const totalMinutes = date.getHours() * 60 + date.getMinutes();\n  const rounded = Math.round(totalMinutes / stepMinutes) * stepMinutes;\n  return set(date, {\n    seconds: 0,\n    milliseconds: 0,\n    hours: Math.floor(rounded / 60),\n    minutes: rounded % 60,\n  });\n};\n\nconst DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(\n  (\n    {\n      value,\n      onChange,\n      className,\n      clearable = true,\n      placeholder,\n      disabled,\n      minuteStep = 30,\n      ...props\n    },\n    ref\n  ) => {\n    const [dateTime, setDateTime] = React.useState<Date | null>(value || null);\n    const [inputValue, setInputValue] = React.useState<string | null>(\"\");\n\n    useEffect(() => {\n      if (value) {\n        const roundedDate = roundToNearestStep(value, minuteStep);\n        setDateTime(roundedDate);\n        setInputValue(format(roundedDate, DATE_FORMAT));\n      } else {\n        setDateTime(null);\n        setInputValue(\"\");\n      }\n    }, [value, minuteStep]);\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      event.stopPropagation ? event.stopPropagation() : null; // Stop bubbling to prevent interference with other components\n      console.log(\n        \"%clibcomponentsateTimePicker.tsx:71 event\",\n        \"color: #007acc;\",\n        event\n      );\n      setInputValue(event.target.value);\n      const parsedDateTime = parse(event.target.value, DATE_FORMAT, new Date());\n\n      if (isValid(parsedDateTime)) {\n        setDateTime(parsedDateTime);\n        onChange?.(parsedDateTime);\n        setInputValue(format(parsedDateTime, DATE_FORMAT));\n      } else {\n        setInputValue(\"\");\n        setDateTime(null);\n        onChange?.(null);\n      }\n    };\n\n    const handleInputBlur = () => {\n      if (inputValue === \"\") {\n        setDateTime(null);\n        onChange?.(null);\n        return;\n      }\n\n      const parsedDateTime = parse(inputValue || \"\", DATE_FORMAT, new Date());\n      if (isValid(parsedDateTime)) {\n        setDateTime(parsedDateTime);\n        onChange?.(parsedDateTime);\n        setInputValue(format(parsedDateTime, DATE_FORMAT));\n      } else {\n        setInputValue(\"\");\n        setDateTime(null);\n        onChange?.(null);\n      }\n    };\n\n    const handleDateSelect = (selectedDate: Date | undefined | null) => {\n      if (selectedDate) {\n        const newDateTime = dateTime\n          ? set(dateTime, {\n              year: selectedDate.getFullYear(),\n              month: selectedDate.getMonth(),\n              date: selectedDate.getDate(),\n            })\n          : set(selectedDate, { hours: 12, minutes: 0 });\n        setDateTime(newDateTime);\n        onChange?.(newDateTime);\n        setInputValue(format(newDateTime, DATE_FORMAT));\n      } else {\n        setDateTime(null);\n        setInputValue(\"\");\n        onChange?.(null);\n      }\n    };\n\n    const handleTimeSelect = (time: string) => {\n      const [hours, minutes] = time.split(\":\").map(Number);\n\n      const newDateTime = set(dateTime ?? new Date(), { hours, minutes });\n      setDateTime(newDateTime);\n      onChange?.(newDateTime);\n      setInputValue(format(newDateTime, DATE_FORMAT));\n    };\n\n    const handleClear = () => {\n      setInputValue(\"\");\n      setDateTime(null);\n      onChange?.(null);\n    };\n\n    const timeOptions = React.useMemo(() => {\n      const count = Math.floor((24 * 60) / minuteStep);\n      return Array.from({ length: count }, (_, i) => {\n        const total = i * minuteStep;\n        const hours = Math.floor(total / 60);\n        const minutes = total % 60;\n        return `${hours.toString().padStart(2, \"0\")}:${minutes\n          .toString()\n          .padStart(2, \"0\")}`;\n      });\n    }, [minuteStep]);\n\n    return (\n      <Popover open={disabled ? false : undefined}>\n        <PopoverTrigger asChild>\n          <div className={cn(\"relative w-full\", className)}>\n            <Input\n              ref={ref}\n              type=\"text\"\n              disabled={disabled}\n              value={inputValue || \"\"}\n              onChange={handleInputChange}\n              onBlur={handleInputBlur}\n              placeholder={placeholder}\n              className={cn(\n                \"w-full pl-8 pr-8\",\n                !dateTime && \"text-muted-foreground\"\n              )}\n              {...props}\n            />\n            <CalendarClockIcon className=\"absolute left-2 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n            {clearable && !disabled && inputValue && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"absolute right-2 top-1/2 -translate-y-1/2 h-4 w-4 p-0\"\n                onClick={handleClear}\n              >\n                <XIcon className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"sr-only\">Smazat datum a čas</span>\n              </Button>\n            )}\n          </div>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-0\" align=\"start\">\n          <Calendar\n            mode=\"single\"\n            selected={dateTime || undefined}\n            onSelect={handleDateSelect}\n            initialFocus\n          />\n          <div className=\"p-3 border-t border-border\">\n            <div className=\"flex items-center justify-between\">\n              <Select\n                onValueChange={handleTimeSelect}\n                value={dateTime ? format(dateTime, \"HH:mm\") : undefined}\n              >\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Zvolte čas\">\n                    {dateTime ? (\n                      <div className=\"flex items-center\">\n                        <Clock className=\"mr-2 h-4 w-4\" />\n                        {format(dateTime, \"HH:mm\")}\n                      </div>\n                    ) : (\n                      \"Zvolte čas\"\n                    )}\n                  </SelectValue>\n                </SelectTrigger>\n                <SelectContent>\n                  {timeOptions.map((time) => (\n                    <SelectItem key={time} value={time}>\n                      {time}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <PopoverClose asChild>\n                <Button className=\"ml-2 px-3\">OK</Button>\n              </PopoverClose>\n            </div>\n          </div>\n        </PopoverContent>\n      </Popover>\n    );\n  }\n);\n\nDateTimePicker.displayName = \"DateTimePicker\";\n\nexport default DateTimePicker;\n"],"names":["React","CalendarClockIcon","XIcon"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/lib/components/ui/DateTimePicker.tsx

@@ -25,17 +25,18 @@ interface DateTimePickerProps {
   placeholder?: string;
   clearable?: boolean;
   disabled?: boolean;
+  /** Granularita času v minutách (musí dělit 60 beze zbytku). Default 30. */
+  minuteStep?: number;
 }
 
-// Helper function to round to the nearest half-hour
-const roundToNearestHalfHour = (date: Date) => {
-  const minutes = date.getMinutes();
-  const roundedMinutes = minutes < 15 ? 0 : minutes < 45 ? 30 : 60;
+const roundToNearestStep = (date: Date, stepMinutes: number) => {
+  const totalMinutes = date.getHours() * 60 + date.getMinutes();
+  const rounded = Math.round(totalMinutes / stepMinutes) * stepMinutes;
   return set(date, {
     seconds: 0,
     milliseconds: 0,
-    minutes: roundedMinutes,
-    hours: roundedMinutes === 60 ? date.getHours() + 1 : date.getHours(),
+    hours: Math.floor(rounded / 60),
+    minutes: rounded % 60,
   });
 };
 
@@ -48,6 +49,7 @@ const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(
       clearable = true,
       placeholder,
       disabled,
+      minuteStep = 30,
       ...props
     },
     ref
@@ -57,14 +59,14 @@ const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(
 
     useEffect(() => {
       if (value) {
-        const roundedDate = roundToNearestHalfHour(value);
+        const roundedDate = roundToNearestStep(value, minuteStep);
         setDateTime(roundedDate);
         setInputValue(format(roundedDate, DATE_FORMAT));
       } else {
         setDateTime(null);
         setInputValue("");
       }
-    }, [value]);
+    }, [value, minuteStep]);
 
     const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
       event.stopPropagation ? event.stopPropagation() : null; // Stop bubbling to prevent interference with other components
@@ -140,11 +142,17 @@ const DateTimePicker = forwardRef<HTMLInputElement, DateTimePickerProps>(
       onChange?.(null);
     };
 
-    const timeOptions = Array.from({ length: 48 }, (_, i) => {
-      const hours = Math.floor(i / 2);
-      const minutes = i % 2 === 0 ? "00" : "30";
-      return `${hours.toString().padStart(2, "0")}:${minutes}`;
-    });
+    const timeOptions = React.useMemo(() => {
+      const count = Math.floor((24 * 60) / minuteStep);
+      return Array.from({ length: count }, (_, i) => {
+        const total = i * minuteStep;
+        const hours = Math.floor(total / 60);
+        const minutes = total % 60;
+        return `${hours.toString().padStart(2, "0")}:${minutes
+          .toString()
+          .padStart(2, "0")}`;
+      });
+    }, [minuteStep]);
 
     return (
       <Popover open={disabled ? false : undefined}>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@addsign/moje-agenda-shared-lib",
   "private": false,
-  "version": "2.0.78",
+  "version": "2.0.80",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",