@wix/form-public 0.476.0 → 0.477.0

package/dist/index.js

@@ -7,7 +7,7 @@ import ReactDOM from 'react-dom';
 import camelCase2 from 'lodash.camelcase';
 import mapKeys from 'lodash.mapkeys';
 import { jsx } from 'react/jsx-runtime';
-import { CheckboxField, CheckboxButton, TextField, Input, ListBoxItem, ListBox, Dialog, OverlayTriggerStateContext, ModalOverlay, Modal, SearchField, RadioGroup as RadioGroup$1, Button, useSlottedContext, PopoverContext, Popover, Autocomplete, RadioField, RadioButton, CheckboxGroup as CheckboxGroup$1, I18nProvider, DatePicker as DatePicker$1, Select, NumberField, TimeField, SelectValue, CalendarCell, Calendar as Calendar$1, CalendarMonthPicker, CalendarYearPicker, CalendarGrid, DatePickerStateContext, Group, DateInput as DateInput$1, DateSegment, FileTrigger, DropZone as DropZone$1, Text as Text$1, ProgressBar, ComboBox, DialogTrigger, TextArea as TextArea$1, ComboBoxStateContext } from 'react-aria-components';
+import { CheckboxField, CheckboxButton, TextField, Input, ListBoxItem, ListBox, Dialog, OverlayTriggerStateContext, ModalOverlay, Modal, SearchField, RadioGroup as RadioGroup$1, Button, useSlottedContext, PopoverContext, Popover, Autocomplete, RadioField, RadioButton, CheckboxGroup as CheckboxGroup$1, I18nProvider, DatePicker as DatePicker$1, Select, NumberField, TimeField, SelectValue, CalendarCell, Calendar as Calendar$1, CalendarMonthPicker, CalendarYearPicker, CalendarGrid, DatePickerStateContext, Group, DateInput as DateInput$1, DateSegment, TimeFieldStateContext, FileTrigger, DropZone as DropZone$1, Text as Text$1, ProgressBar, ComboBox, DialogTrigger, TextArea as TextArea$1, ComboBoxStateContext } from 'react-aria-components';
 
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -59638,10 +59638,13 @@ var Period = ({ className, ...internal }) => {
   const { hidePlaceholder } = useFieldPropsV2();
   const { segment } = internal;
   const { t } = useTranslation2();
+  const timeFieldState = useContext(TimeFieldStateContext);
   const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.period");
+  const toggleAmPm = () => timeFieldState?.increment("dayPeriod");
   return /* @__PURE__ */ React171.createElement(DateSegment, {
     segment,
     className,
+    onClick: toggleAmPm,
     ...placeholder && {
       placeholder
     }
@@ -66878,7 +66881,7 @@ TextInput.Input;
 TextInput.Description;
 TextInput.Error;
 var TimeInput2 = ({ children }) => {
-  const { id: id6, value, onChange, disabled, required, onBlur, onFocus, use24HourFormat, FieldLayout, hasError } = useFieldPropsV2();
+  const { id: id6, value, onChange, disabled, readOnly, required, onBlur, onFocus, use24HourFormat, FieldLayout, hasError } = useFieldPropsV2();
   const { inputId, ariaDescribedBy, labelId } = useFieldAttributes2();
   const handleChange = useCallback((timeValue2) => {
     const stringValue = timeValueToString2(timeValue2);
@@ -66901,6 +66904,7 @@ var TimeInput2 = ({ children }) => {
       value: timeValue,
       onChange: handleChange,
       isDisabled: disabled,
+      isReadOnly: readOnly,
       isInvalid: hasError,
       isRequired: required,
       onBlur,
@@ -66976,10 +66980,13 @@ var Period2 = ({ className, ...internal }) => {
   const { hidePlaceholder } = useFieldPropsV2();
   const { segment } = internal;
   const { t } = useTranslation2();
+  const timeFieldState = useContext(TimeFieldStateContext);
   const placeholder = hidePlaceholder ? void 0 : t("field.date.placeholder.period");
+  const toggleAmPm = () => timeFieldState?.increment("dayPeriod");
   return /* @__PURE__ */ React171.createElement(DateSegment, {
     segment,
     className,
+    onClick: toggleAmPm,
     ...placeholder && {
       placeholder
     }