@wordpress/dataviews 8.0.1-next.e256d081a.0 → 9.0.0

package/build-module/dataform-controls/color.js

@@ -0,0 +1,126 @@
+/**
+ * External dependencies
+ */
+import { colord } from 'colord';
+import deepMerge from 'deepmerge';
+
+/**
+ * WordPress dependencies
+ */
+import { Dropdown, privateApis, __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper } from '@wordpress/components';
+import { useCallback, useState } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+
+import { unlock } from '../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+const {
+  ValidatedInputControl,
+  Picker
+} = unlock(privateApis);
+const ColorPicker = ({
+  color,
+  onColorChange
+}) => {
+  const validColor = color && colord(color).isValid() ? color : '#ffffff';
+  return /*#__PURE__*/_jsx(Dropdown, {
+    renderToggle: ({
+      onToggle,
+      isOpen
+    }) => /*#__PURE__*/_jsx(InputControlPrefixWrapper, {
+      variant: "icon",
+      children: /*#__PURE__*/_jsx("button", {
+        type: "button",
+        onClick: onToggle,
+        style: {
+          width: '24px',
+          height: '24px',
+          borderRadius: '50%',
+          backgroundColor: validColor,
+          border: '1px solid #ddd',
+          cursor: 'pointer',
+          outline: isOpen ? '2px solid #007cba' : 'none',
+          outlineOffset: '2px',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          padding: 0,
+          margin: 0
+        },
+        "aria-label": "Open color picker"
+      })
+    }),
+    renderContent: () => /*#__PURE__*/_jsx("div", {
+      style: {
+        padding: '16px'
+      },
+      children: /*#__PURE__*/_jsx(Picker, {
+        color: colord(validColor),
+        onChange: onColorChange,
+        enableAlpha: true
+      })
+    })
+  });
+};
+export default function Color({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision
+}) {
+  const {
+    label,
+    placeholder,
+    description,
+    setValue
+  } = field;
+  const value = field.getValue({
+    item: data
+  }) || '';
+  const [customValidity, setCustomValidity] = useState(undefined);
+  const handleColorChange = useCallback(colorObject => {
+    onChange(setValue({
+      item: data,
+      value: colorObject.toHex()
+    }));
+  }, [data, onChange, setValue]);
+  const handleInputChange = useCallback(newValue => {
+    onChange(setValue({
+      item: data,
+      value: newValue || ''
+    }));
+  }, [data, onChange, setValue]);
+  const onValidateControl = useCallback(newValue => {
+    const message = field.isValid?.custom?.(deepMerge(data, setValue({
+      item: data,
+      value: newValue
+    })), field);
+    if (message) {
+      setCustomValidity({
+        type: 'invalid',
+        message
+      });
+      return;
+    }
+    setCustomValidity(undefined);
+  }, [data, field, setValue]);
+  return /*#__PURE__*/_jsx(ValidatedInputControl, {
+    required: !!field.isValid?.required,
+    onValidate: onValidateControl,
+    customValidity: customValidity,
+    label: label,
+    placeholder: placeholder,
+    value: value,
+    help: description,
+    onChange: handleInputChange,
+    hideLabelFromVision: hideLabelFromVision,
+    type: "text",
+    prefix: /*#__PURE__*/_jsx(ColorPicker, {
+      color: value,
+      onColorChange: handleColorChange
+    })
+  });
+}
+//# sourceMappingURL=color.js.map

package/build-module/dataform-controls/color.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colord","deepMerge","Dropdown","privateApis","__experimentalInputControlPrefixWrapper","InputControlPrefixWrapper","useCallback","useState","unlock","jsx","_jsx","ValidatedInputControl","Picker","ColorPicker","color","onColorChange","validColor","isValid","renderToggle","onToggle","isOpen","variant","children","type","onClick","style","width","height","borderRadius","backgroundColor","border","cursor","outline","outlineOffset","display","alignItems","justifyContent","padding","margin","renderContent","onChange","enableAlpha","Color","data","field","hideLabelFromVision","label","placeholder","description","setValue","value","getValue","item","customValidity","setCustomValidity","undefined","handleColorChange","colorObject","toHex","handleInputChange","newValue","onValidateControl","message","custom","required","onValidate","help","prefix"],"sources":["@wordpress/dataviews/src/dataform-controls/color.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord } from 'colord';\nimport deepMerge from 'deepmerge';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tDropdown,\n\tprivateApis,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n} from '@wordpress/components';\nimport { useCallback, useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { unlock } from '../lock-unlock';\n\nconst { ValidatedInputControl, Picker } = unlock( privateApis );\n\nconst ColorPicker = ( {\n\tcolor,\n\tonColorChange,\n}: {\n\tcolor: string;\n\tonColorChange: ( colorObject: any ) => void;\n} ) => {\n\tconst validColor = color && colord( color ).isValid() ? color : '#ffffff';\n\n\treturn (\n\t\t<Dropdown\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => (\n\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\t\tbackgroundColor: validColor,\n\t\t\t\t\t\t\tborder: '1px solid #ddd',\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\toutline: isOpen ? '2px solid #007cba' : 'none',\n\t\t\t\t\t\t\toutlineOffset: '2px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tmargin: 0,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label=\"Open color picker\"\n\t\t\t\t\t/>\n\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<div style={ { padding: '16px' } }>\n\t\t\t\t\t<Picker\n\t\t\t\t\t\tcolor={ colord( validColor ) }\n\t\t\t\t\t\tonChange={ onColorChange }\n\t\t\t\t\t\tenableAlpha\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t/>\n\t);\n};\n\nexport default function Color< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n}: DataFormControlProps< Item > ) {\n\tconst { label, placeholder, description, setValue } = field;\n\tconst value = field.getValue( { item: data } ) || '';\n\tconst [ customValidity, setCustomValidity ] =\n\t\tuseState<\n\t\t\tReact.ComponentProps<\n\t\t\t\ttypeof ValidatedInputControl\n\t\t\t>[ 'customValidity' ]\n\t\t>( undefined );\n\n\tconst handleColorChange = useCallback(\n\t\t( colorObject: any ) => {\n\t\t\tonChange( setValue( { item: data, value: colorObject.toHex() } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst handleInputChange = useCallback(\n\t\t( newValue: string | undefined ) => {\n\t\t\tonChange( setValue( { item: data, value: newValue || '' } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onValidateControl = useCallback(\n\t\t( newValue: any ) => {\n\t\t\tconst message = field.isValid?.custom?.(\n\t\t\t\tdeepMerge(\n\t\t\t\t\tdata,\n\t\t\t\t\tsetValue( {\n\t\t\t\t\t\titem: data,\n\t\t\t\t\t\tvalue: newValue,\n\t\t\t\t\t} ) as Partial< Item >\n\t\t\t\t),\n\t\t\t\tfield\n\t\t\t);\n\n\t\t\tif ( message ) {\n\t\t\t\tsetCustomValidity( {\n\t\t\t\t\ttype: 'invalid',\n\t\t\t\t\tmessage,\n\t\t\t\t} );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tsetCustomValidity( undefined );\n\t\t},\n\t\t[ data, field, setValue ]\n\t);\n\n\treturn (\n\t\t<ValidatedInputControl\n\t\t\trequired={ !! field.isValid?.required }\n\t\t\tonValidate={ onValidateControl }\n\t\t\tcustomValidity={ customValidity }\n\t\t\tlabel={ label }\n\t\t\tplaceholder={ placeholder }\n\t\t\tvalue={ value }\n\t\t\thelp={ description }\n\t\t\tonChange={ handleInputChange }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\ttype=\"text\"\n\t\t\tprefix={\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ value }\n\t\t\t\t\tonColorChange={ handleColorChange }\n\t\t\t\t/>\n\t\t\t}\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/dataform-controls/date.js

@@ -112,24 +112,18 @@ function CalendarDateControl({
   });
   const onSelectDate = useCallback(newDate => {
     const dateValue = newDate ? format(newDate, 'yyyy-MM-dd') : undefined;
-    onChange({
-      [id]: dateValue
-    });
+    onChange(dateValue);
     setSelectedPresetId(null);
-  }, [id, onChange]);
+  }, [onChange]);
   const handlePresetClick = useCallback(preset => {
     const presetDate = preset.getValue();
     const dateValue = formatDate(presetDate);
     setCalendarMonth(presetDate);
-    onChange({
-      [id]: dateValue
-    });
+    onChange(dateValue);
     setSelectedPresetId(preset.id);
-  }, [id, onChange]);
+  }, [onChange]);
   const handleManualDateChange = useCallback(newValue => {
-    onChange({
-      [id]: newValue
-    });
+    onChange(newValue);
     if (newValue) {
       const parsedDate = parseDate(newValue);
       if (parsedDate) {
@@ -137,7 +131,7 @@ function CalendarDateControl({
       }
     }
     setSelectedPresetId(null);
-  }, [id, onChange]);
+  }, [onChange]);
   const {
     timezone: {
       string: timezoneString
@@ -225,16 +219,12 @@ function CalendarDateRangeControl({
   });
   const updateDateRange = useCallback((fromDate, toDate) => {
     if (fromDate && toDate) {
-      onChange({
-        [id]: [formatDate(fromDate), formatDate(toDate)]
-      });
+      onChange([formatDate(fromDate), formatDate(toDate)]);
     } else if (!fromDate && !toDate) {
-      onChange({
-        [id]: undefined
-      });
+      onChange(undefined);
     }
     // Do nothing if only one date is set - wait for both
-  }, [id, onChange]);
+  }, [onChange]);
   const onSelectCalendarRange = useCallback(newRange => {
     updateDateRange(newRange?.from, newRange?.to);
     setSelectedPresetId(null);
@@ -333,17 +323,35 @@ export default function DateControl({
 }) {
   const {
     id,
-    label
+    label,
+    getValue,
+    setValue
   } = field;
-  const value = field.getValue({
+  const value = getValue({
     item: data
   });
+  const onChangeRelativeDateControl = useCallback(newValue => {
+    onChange(setValue({
+      item: data,
+      value: newValue
+    }));
+  }, [data, onChange, setValue]);
+  const onChangeCalendarDateRangeControl = useCallback(newValue => {
+    onChange(setValue({
+      item: data,
+      value: newValue
+    }));
+  }, [data, onChange, setValue]);
+  const onChangeCalendarDateControl = useCallback(newValue => onChange(setValue({
+    item: data,
+    value: newValue
+  })), [data, onChange, setValue]);
   if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
     return /*#__PURE__*/_jsx(RelativeDateControl, {
       className: "dataviews-controls__date",
       id: id,
       value: value && typeof value === 'object' ? value : {},
-      onChange: onChange,
+      onChange: onChangeRelativeDateControl,
       label: label,
       hideLabelFromVision: hideLabelFromVision,
       options: TIME_UNITS_OPTIONS[operator]
@@ -359,7 +367,7 @@ export default function DateControl({
       className: "dataviews-controls__date",
       id: id,
       value: dateRangeValue,
-      onChange: onChange,
+      onChange: onChangeCalendarDateRangeControl,
       label: label,
       hideLabelFromVision: hideLabelFromVision
     });
@@ -368,7 +376,7 @@ export default function DateControl({
     className: "dataviews-controls__date",
     id: id,
     value: typeof value === 'string' ? value : undefined,
-    onChange: onChange,
+    onChange: onChangeCalendarDateControl,
     label: label,
     hideLabelFromVision: hideLabelFromVision
   });

package/build-module/dataform-controls/date.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseControl","Button","privateApis","componentsPrivateApis","__experimentalInputControl","InputControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useCallback","useMemo","useState","__","getDate","getSettings","format","isValid","subMonths","subDays","subYears","startOfMonth","startOfYear","RelativeDateControl","TIME_UNITS_OPTIONS","OPERATOR_IN_THE_PAST","OPERATOR_OVER","OPERATOR_BETWEEN","unlock","jsx","_jsx","jsxs","_jsxs","DateCalendar","DateRangeCalendar","DATE_PRESETS","id","label","getValue","today","DATE_RANGE_PRESETS","parseDate","dateString","parsed","formatDate","date","CalendarDateControl","value","onChange","hideLabelFromVision","className","selectedPresetId","setSelectedPresetId","calendarMonth","setCalendarMonth","parsedDate","Date","onSelectDate","newDate","dateValue","undefined","handlePresetClick","preset","presetDate","handleManualDateChange","newValue","timezone","string","timezoneString","l10n","startOfWeek","__nextHasNoMarginBottom","children","spacing","wrap","justify","map","isSelected","variant","isPressed","size","onClick","disabled","accessibleWhenDisabled","__next40pxDefaultSize","type","style","width","selected","onSelect","month","onMonthChange","timeZone","weekStartsOn","CalendarDateRangeControl","selectedRange","from","to","updateDateRange","fromDate","toDate","onSelectCalendarRange","newRange","startDate","endDate","fromOrTo","currentFrom","currentTo","updatedFrom","updatedTo","DateControl","data","field","operator","item","options","dateRangeValue","Array","isArray","length","every"],"sources":["@wordpress/dataviews/src/dataform-controls/date.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalInputControl as InputControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getDate, getSettings } from '@wordpress/date';\n\n/**\n * External dependencies\n */\nimport {\n\tformat,\n\tisValid,\n\tsubMonths,\n\tsubDays,\n\tsubYears,\n\tstartOfMonth,\n\tstartOfYear,\n} from 'date-fns';\n\n/**\n * Internal dependencies\n */\nimport RelativeDateControl, {\n\tTIME_UNITS_OPTIONS,\n} from './relative-date-control';\nimport {\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_OVER,\n\tOPERATOR_BETWEEN,\n} from '../constants';\nimport { unlock } from '../lock-unlock';\nimport type { DataFormControlProps } from '../types';\n\nconst { DateCalendar, DateRangeCalendar } = unlock( componentsPrivateApis );\n\nconst DATE_PRESETS: {\n\tid: string;\n\tlabel: string;\n\tgetValue: () => Date;\n}[] = [\n\t{\n\t\tid: 'today',\n\t\tlabel: __( 'Today' ),\n\t\tgetValue: () => getDate( null ),\n\t},\n\t{\n\t\tid: 'yesterday',\n\t\tlabel: __( 'Yesterday' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subDays( today, 1 );\n\t\t},\n\t},\n\t{\n\t\tid: 'past-week',\n\t\tlabel: __( 'Past week' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subDays( today, 7 );\n\t\t},\n\t},\n\t{\n\t\tid: 'past-month',\n\t\tlabel: __( 'Past month' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subMonths( today, 1 );\n\t\t},\n\t},\n];\n\nconst DATE_RANGE_PRESETS = [\n\t{\n\t\tid: 'last-7-days',\n\t\tlabel: __( 'Last 7 days' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subDays( today, 7 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'last-30-days',\n\t\tlabel: __( 'Last 30 days' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subDays( today, 30 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'month-to-date',\n\t\tlabel: __( 'Month to date' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ startOfMonth( today ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'last-year',\n\t\tlabel: __( 'Last year' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subYears( today, 1 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'year-to-date',\n\t\tlabel: __( 'Year to date' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ startOfYear( today ), today ];\n\t\t},\n\t},\n];\n\nconst parseDate = ( dateString?: string ): Date | null => {\n\tif ( ! dateString ) {\n\t\treturn null;\n\t}\n\tconst parsed = getDate( dateString );\n\treturn parsed && isValid( parsed ) ? parsed : null;\n};\n\nconst formatDate = ( date?: Date | string ): string => {\n\tif ( ! date ) {\n\t\treturn '';\n\t}\n\treturn typeof date === 'string' ? date : format( date, 'yyyy-MM-dd' );\n};\n\nfunction CalendarDateControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\tclassName,\n}: {\n\tid: string;\n\tvalue: string | undefined;\n\tonChange: ( value: any ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\tclassName?: string;\n} ) {\n\tconst [ selectedPresetId, setSelectedPresetId ] = useState< string | null >(\n\t\tnull\n\t);\n\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\tconst parsedDate = parseDate( value );\n\t\treturn parsedDate || new Date(); // Default to current month\n\t} );\n\n\tconst onSelectDate = useCallback(\n\t\t( newDate: Date | undefined | null ) => {\n\t\t\tconst dateValue = newDate\n\t\t\t\t? format( newDate, 'yyyy-MM-dd' )\n\t\t\t\t: undefined;\n\t\t\tonChange( { [ id ]: dateValue } );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst handlePresetClick = useCallback(\n\t\t( preset: ( typeof DATE_PRESETS )[ 0 ] ) => {\n\t\t\tconst presetDate = preset.getValue();\n\t\t\tconst dateValue = formatDate( presetDate );\n\n\t\t\tsetCalendarMonth( presetDate );\n\t\t\tonChange( { [ id ]: dateValue } );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( newValue?: string ) => {\n\t\t\tonChange( { [ id ]: newValue } );\n\t\t\tif ( newValue ) {\n\t\t\t\tconst parsedDate = parseDate( newValue );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst {\n\t\ttimezone: { string: timezoneString },\n\t\tl10n: { startOfWeek },\n\t} = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Preset buttons */ }\n\t\t\t\t<HStack spacing={ 2 } wrap justify=\"flex-start\">\n\t\t\t\t\t{ DATE_PRESETS.map( ( preset ) => {\n\t\t\t\t\t\tconst isSelected = selectedPresetId === preset.id;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\t\t\tkey={ preset.id }\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ () => handlePresetClick( preset ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ preset.label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tisPressed={ ! selectedPresetId }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tdisabled={ !! selectedPresetId }\n\t\t\t\t\t\taccessibleWhenDisabled={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Custom' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ /* Manual date input */ }\n\t\t\t\t<InputControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tlabel={ __( 'Date' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleManualDateChange }\n\t\t\t\t/>\n\n\t\t\t\t{ /* Calendar widget */ }\n\t\t\t\t<DateCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={\n\t\t\t\t\t\tvalue ? parseDate( value ) || undefined : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ onSelectDate }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezoneString || undefined }\n\t\t\t\t\tweekStartsOn={ startOfWeek }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nfunction CalendarDateRangeControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\tclassName,\n}: {\n\tid: string;\n\tvalue: [ string, string ] | undefined;\n\tonChange: ( value: any ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\tclassName?: string;\n} ) {\n\tconst [ selectedPresetId, setSelectedPresetId ] = useState< string | null >(\n\t\tnull\n\t);\n\n\tconst selectedRange = useMemo( () => {\n\t\tif ( ! value ) {\n\t\t\treturn { from: undefined, to: undefined };\n\t\t}\n\n\t\tconst [ from, to ] = value;\n\t\treturn {\n\t\t\tfrom: parseDate( from ) || undefined,\n\t\t\tto: parseDate( to ) || undefined,\n\t\t};\n\t}, [ value ] );\n\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\treturn selectedRange.from || new Date();\n\t} );\n\n\tconst updateDateRange = useCallback(\n\t\t( fromDate?: Date | string, toDate?: Date | string ) => {\n\t\t\tif ( fromDate && toDate ) {\n\t\t\t\tonChange( {\n\t\t\t\t\t[ id ]: [ formatDate( fromDate ), formatDate( toDate ) ],\n\t\t\t\t} );\n\t\t\t} else if ( ! fromDate && ! toDate ) {\n\t\t\t\tonChange( { [ id ]: undefined } );\n\t\t\t}\n\t\t\t// Do nothing if only one date is set - wait for both\n\t\t},\n\t\t[ id, onChange ]\n\t);\n\n\tconst onSelectCalendarRange = useCallback(\n\t\t(\n\t\t\tnewRange:\n\t\t\t\t| { from: Date | undefined; to?: Date | undefined }\n\t\t\t\t| undefined\n\t\t) => {\n\t\t\tupdateDateRange( newRange?.from, newRange?.to );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ updateDateRange ]\n\t);\n\n\tconst handlePresetClick = useCallback(\n\t\t( preset: ( typeof DATE_RANGE_PRESETS )[ 0 ] ) => {\n\t\t\tconst [ startDate, endDate ] = preset.getValue();\n\t\t\tsetCalendarMonth( startDate );\n\t\t\tupdateDateRange( startDate, endDate );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ updateDateRange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( fromOrTo: 'from' | 'to', newValue?: string ) => {\n\t\t\tconst [ currentFrom, currentTo ] = value || [\n\t\t\t\tundefined,\n\t\t\t\tundefined,\n\t\t\t];\n\t\t\tconst updatedFrom = fromOrTo === 'from' ? newValue : currentFrom;\n\t\t\tconst updatedTo = fromOrTo === 'to' ? newValue : currentTo;\n\n\t\t\tupdateDateRange( updatedFrom, updatedTo );\n\n\t\t\tif ( newValue ) {\n\t\t\t\tconst parsedDate = parseDate( newValue );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ value, updateDateRange ]\n\t);\n\n\tconst { timezone, l10n } = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Preset buttons */ }\n\t\t\t\t<HStack spacing={ 2 } wrap justify=\"flex-start\">\n\t\t\t\t\t{ DATE_RANGE_PRESETS.map( ( preset ) => {\n\t\t\t\t\t\tconst isSelected = selectedPresetId === preset.id;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\t\t\tkey={ preset.id }\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ () => handlePresetClick( preset ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ preset.label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tisPressed={ ! selectedPresetId }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\taccessibleWhenDisabled={ false }\n\t\t\t\t\t\tdisabled={ !! selectedPresetId }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Custom' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ /* Manual date range inputs */ }\n\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tlabel={ __( 'From' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value?.[ 0 ] }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\thandleManualDateChange( 'from', newValue )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tlabel={ __( 'To' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value?.[ 1 ] }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\thandleManualDateChange( 'to', newValue )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\n\t\t\t\t<DateRangeCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={ selectedRange }\n\t\t\t\t\tonSelect={ onSelectCalendarRange }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezone.string || undefined }\n\t\t\t\t\tweekStartsOn={ l10n.startOfWeek }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default function DateControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\toperator,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tif ( operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER ) {\n\t\treturn (\n\t\t\t<RelativeDateControl\n\t\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\toptions={ TIME_UNITS_OPTIONS[ operator ] }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( operator === OPERATOR_BETWEEN ) {\n\t\tlet dateRangeValue: [ string, string ] | undefined;\n\t\tif (\n\t\t\tArray.isArray( value ) &&\n\t\t\tvalue.length === 2 &&\n\t\t\tvalue.every( ( date ) => typeof date === 'string' )\n\t\t) {\n\t\t\t// Ensure the value is expected format\n\t\t\tdateRangeValue = value as unknown as [ string, string ];\n\t\t}\n\n\t\treturn (\n\t\t\t<CalendarDateRangeControl\n\t\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ dateRangeValue }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<CalendarDateControl\n\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\tid={ id }\n\t\t\tvalue={ typeof value === 'string' ? value : undefined }\n\t\t\tonChange={ onChange }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BaseControl","Button","privateApis","componentsPrivateApis","__experimentalInputControl","InputControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useCallback","useMemo","useState","__","getDate","getSettings","format","isValid","subMonths","subDays","subYears","startOfMonth","startOfYear","RelativeDateControl","TIME_UNITS_OPTIONS","OPERATOR_IN_THE_PAST","OPERATOR_OVER","OPERATOR_BETWEEN","unlock","jsx","_jsx","jsxs","_jsxs","DateCalendar","DateRangeCalendar","DATE_PRESETS","id","label","getValue","today","DATE_RANGE_PRESETS","parseDate","dateString","parsed","formatDate","date","CalendarDateControl","value","onChange","hideLabelFromVision","className","selectedPresetId","setSelectedPresetId","calendarMonth","setCalendarMonth","parsedDate","Date","onSelectDate","newDate","dateValue","undefined","handlePresetClick","preset","presetDate","handleManualDateChange","newValue","timezone","string","timezoneString","l10n","startOfWeek","__nextHasNoMarginBottom","children","spacing","wrap","justify","map","isSelected","variant","isPressed","size","onClick","disabled","accessibleWhenDisabled","__next40pxDefaultSize","type","style","width","selected","onSelect","month","onMonthChange","timeZone","weekStartsOn","CalendarDateRangeControl","selectedRange","from","to","updateDateRange","fromDate","toDate","onSelectCalendarRange","newRange","startDate","endDate","fromOrTo","currentFrom","currentTo","updatedFrom","updatedTo","DateControl","data","field","operator","setValue","item","onChangeRelativeDateControl","onChangeCalendarDateRangeControl","onChangeCalendarDateControl","options","dateRangeValue","Array","isArray","length","every"],"sources":["@wordpress/dataviews/src/dataform-controls/date.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tButton,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalInputControl as InputControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useCallback, useMemo, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getDate, getSettings } from '@wordpress/date';\n\n/**\n * External dependencies\n */\nimport {\n\tformat,\n\tisValid,\n\tsubMonths,\n\tsubDays,\n\tsubYears,\n\tstartOfMonth,\n\tstartOfYear,\n} from 'date-fns';\n\n/**\n * Internal dependencies\n */\nimport RelativeDateControl, {\n\tTIME_UNITS_OPTIONS,\n\ttype DateRelative,\n} from './relative-date-control';\nimport {\n\tOPERATOR_IN_THE_PAST,\n\tOPERATOR_OVER,\n\tOPERATOR_BETWEEN,\n} from '../constants';\nimport { unlock } from '../lock-unlock';\nimport type { DataFormControlProps } from '../types';\n\nconst { DateCalendar, DateRangeCalendar } = unlock( componentsPrivateApis );\n\ntype DateRange = [ string, string ] | undefined;\n\nconst DATE_PRESETS: {\n\tid: string;\n\tlabel: string;\n\tgetValue: () => Date;\n}[] = [\n\t{\n\t\tid: 'today',\n\t\tlabel: __( 'Today' ),\n\t\tgetValue: () => getDate( null ),\n\t},\n\t{\n\t\tid: 'yesterday',\n\t\tlabel: __( 'Yesterday' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subDays( today, 1 );\n\t\t},\n\t},\n\t{\n\t\tid: 'past-week',\n\t\tlabel: __( 'Past week' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subDays( today, 7 );\n\t\t},\n\t},\n\t{\n\t\tid: 'past-month',\n\t\tlabel: __( 'Past month' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn subMonths( today, 1 );\n\t\t},\n\t},\n];\n\nconst DATE_RANGE_PRESETS = [\n\t{\n\t\tid: 'last-7-days',\n\t\tlabel: __( 'Last 7 days' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subDays( today, 7 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'last-30-days',\n\t\tlabel: __( 'Last 30 days' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subDays( today, 30 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'month-to-date',\n\t\tlabel: __( 'Month to date' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ startOfMonth( today ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'last-year',\n\t\tlabel: __( 'Last year' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ subYears( today, 1 ), today ];\n\t\t},\n\t},\n\t{\n\t\tid: 'year-to-date',\n\t\tlabel: __( 'Year to date' ),\n\t\tgetValue: () => {\n\t\t\tconst today = getDate( null );\n\t\t\treturn [ startOfYear( today ), today ];\n\t\t},\n\t},\n];\n\nconst parseDate = ( dateString?: string ): Date | null => {\n\tif ( ! dateString ) {\n\t\treturn null;\n\t}\n\tconst parsed = getDate( dateString );\n\treturn parsed && isValid( parsed ) ? parsed : null;\n};\n\nconst formatDate = ( date?: Date | string ): string => {\n\tif ( ! date ) {\n\t\treturn '';\n\t}\n\treturn typeof date === 'string' ? date : format( date, 'yyyy-MM-dd' );\n};\n\nfunction CalendarDateControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\tclassName,\n}: {\n\tid: string;\n\tvalue: string | undefined;\n\tonChange: ( value: string | undefined ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\tclassName?: string;\n} ) {\n\tconst [ selectedPresetId, setSelectedPresetId ] = useState< string | null >(\n\t\tnull\n\t);\n\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\tconst parsedDate = parseDate( value );\n\t\treturn parsedDate || new Date(); // Default to current month\n\t} );\n\n\tconst onSelectDate = useCallback(\n\t\t( newDate: Date | undefined | null ) => {\n\t\t\tconst dateValue = newDate\n\t\t\t\t? format( newDate, 'yyyy-MM-dd' )\n\t\t\t\t: undefined;\n\t\t\tonChange( dateValue );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ onChange ]\n\t);\n\n\tconst handlePresetClick = useCallback(\n\t\t( preset: ( typeof DATE_PRESETS )[ 0 ] ) => {\n\t\t\tconst presetDate = preset.getValue();\n\t\t\tconst dateValue = formatDate( presetDate );\n\n\t\t\tsetCalendarMonth( presetDate );\n\t\t\tonChange( dateValue );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ onChange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( newValue?: string ) => {\n\t\t\tonChange( newValue );\n\t\t\tif ( newValue ) {\n\t\t\t\tconst parsedDate = parseDate( newValue );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t}\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ onChange ]\n\t);\n\n\tconst {\n\t\ttimezone: { string: timezoneString },\n\t\tl10n: { startOfWeek },\n\t} = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Preset buttons */ }\n\t\t\t\t<HStack spacing={ 2 } wrap justify=\"flex-start\">\n\t\t\t\t\t{ DATE_PRESETS.map( ( preset ) => {\n\t\t\t\t\t\tconst isSelected = selectedPresetId === preset.id;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\t\t\tkey={ preset.id }\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ () => handlePresetClick( preset ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ preset.label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tisPressed={ ! selectedPresetId }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tdisabled={ !! selectedPresetId }\n\t\t\t\t\t\taccessibleWhenDisabled={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Custom' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ /* Manual date input */ }\n\t\t\t\t<InputControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\ttype=\"date\"\n\t\t\t\t\tlabel={ __( 'Date' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleManualDateChange }\n\t\t\t\t/>\n\n\t\t\t\t{ /* Calendar widget */ }\n\t\t\t\t<DateCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={\n\t\t\t\t\t\tvalue ? parseDate( value ) || undefined : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ onSelectDate }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezoneString || undefined }\n\t\t\t\t\tweekStartsOn={ startOfWeek }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nfunction CalendarDateRangeControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\thideLabelFromVision,\n\tclassName,\n}: {\n\tid: string;\n\tvalue: DateRange;\n\tonChange: ( value: DateRange ) => void;\n\tlabel: string;\n\thideLabelFromVision?: boolean;\n\tclassName?: string;\n} ) {\n\tconst [ selectedPresetId, setSelectedPresetId ] = useState< string | null >(\n\t\tnull\n\t);\n\n\tconst selectedRange = useMemo( () => {\n\t\tif ( ! value ) {\n\t\t\treturn { from: undefined, to: undefined };\n\t\t}\n\n\t\tconst [ from, to ] = value;\n\t\treturn {\n\t\t\tfrom: parseDate( from ) || undefined,\n\t\t\tto: parseDate( to ) || undefined,\n\t\t};\n\t}, [ value ] );\n\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\treturn selectedRange.from || new Date();\n\t} );\n\n\tconst updateDateRange = useCallback(\n\t\t( fromDate?: Date | string, toDate?: Date | string ) => {\n\t\t\tif ( fromDate && toDate ) {\n\t\t\t\tonChange( [ formatDate( fromDate ), formatDate( toDate ) ] );\n\t\t\t} else if ( ! fromDate && ! toDate ) {\n\t\t\t\tonChange( undefined );\n\t\t\t}\n\t\t\t// Do nothing if only one date is set - wait for both\n\t\t},\n\t\t[ onChange ]\n\t);\n\n\tconst onSelectCalendarRange = useCallback(\n\t\t(\n\t\t\tnewRange:\n\t\t\t\t| { from: Date | undefined; to?: Date | undefined }\n\t\t\t\t| undefined\n\t\t) => {\n\t\t\tupdateDateRange( newRange?.from, newRange?.to );\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ updateDateRange ]\n\t);\n\n\tconst handlePresetClick = useCallback(\n\t\t( preset: ( typeof DATE_RANGE_PRESETS )[ 0 ] ) => {\n\t\t\tconst [ startDate, endDate ] = preset.getValue();\n\t\t\tsetCalendarMonth( startDate );\n\t\t\tupdateDateRange( startDate, endDate );\n\t\t\tsetSelectedPresetId( preset.id );\n\t\t},\n\t\t[ updateDateRange ]\n\t);\n\n\tconst handleManualDateChange = useCallback(\n\t\t( fromOrTo: 'from' | 'to', newValue?: string ) => {\n\t\t\tconst [ currentFrom, currentTo ] = value || [\n\t\t\t\tundefined,\n\t\t\t\tundefined,\n\t\t\t];\n\t\t\tconst updatedFrom = fromOrTo === 'from' ? newValue : currentFrom;\n\t\t\tconst updatedTo = fromOrTo === 'to' ? newValue : currentTo;\n\n\t\t\tupdateDateRange( updatedFrom, updatedTo );\n\n\t\t\tif ( newValue ) {\n\t\t\t\tconst parsedDate = parseDate( newValue );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tsetSelectedPresetId( null );\n\t\t},\n\t\t[ value, updateDateRange ]\n\t);\n\n\tconst { timezone, l10n } = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Preset buttons */ }\n\t\t\t\t<HStack spacing={ 2 } wrap justify=\"flex-start\">\n\t\t\t\t\t{ DATE_RANGE_PRESETS.map( ( preset ) => {\n\t\t\t\t\t\tconst isSelected = selectedPresetId === preset.id;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\t\t\tkey={ preset.id }\n\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\tisPressed={ isSelected }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ () => handlePresetClick( preset ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ preset.label }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"dataviews-controls__date-preset\"\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tisPressed={ ! selectedPresetId }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\taccessibleWhenDisabled={ false }\n\t\t\t\t\t\tdisabled={ !! selectedPresetId }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Custom' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ /* Manual date range inputs */ }\n\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tlabel={ __( 'From' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value?.[ 0 ] }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\thandleManualDateChange( 'from', newValue )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ttype=\"date\"\n\t\t\t\t\t\tlabel={ __( 'To' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value?.[ 1 ] }\n\t\t\t\t\t\tonChange={ ( newValue ) =>\n\t\t\t\t\t\t\thandleManualDateChange( 'to', newValue )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\n\t\t\t\t<DateRangeCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={ selectedRange }\n\t\t\t\t\tonSelect={ onSelectCalendarRange }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezone.string || undefined }\n\t\t\t\t\tweekStartsOn={ l10n.startOfWeek }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default function DateControl< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\toperator,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label, getValue, setValue } = field;\n\tconst value = getValue( { item: data } );\n\n\tconst onChangeRelativeDateControl = useCallback(\n\t\t( newValue: DateRelative ) => {\n\t\t\tonChange( setValue( { item: data, value: newValue } ) );\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onChangeCalendarDateRangeControl = useCallback(\n\t\t( newValue: DateRange ) => {\n\t\t\tonChange(\n\t\t\t\tsetValue( {\n\t\t\t\t\titem: data,\n\t\t\t\t\tvalue: newValue,\n\t\t\t\t} )\n\t\t\t);\n\t\t},\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onChangeCalendarDateControl = useCallback(\n\t\t( newValue: string | undefined ) =>\n\t\t\tonChange( setValue( { item: data, value: newValue } ) ),\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tif ( operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER ) {\n\t\treturn (\n\t\t\t<RelativeDateControl\n\t\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChangeRelativeDateControl }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\toptions={ TIME_UNITS_OPTIONS[ operator ] }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( operator === OPERATOR_BETWEEN ) {\n\t\tlet dateRangeValue: DateRange;\n\t\tif (\n\t\t\tArray.isArray( value ) &&\n\t\t\tvalue.length === 2 &&\n\t\t\tvalue.every( ( date ) => typeof date === 'string' )\n\t\t) {\n\t\t\t// Ensure the value is expected format\n\t\t\tdateRangeValue = value as DateRange;\n\t\t}\n\n\t\treturn (\n\t\t\t<CalendarDateRangeControl\n\t\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ dateRangeValue }\n\t\t\t\tonChange={ onChangeCalendarDateRangeControl }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<CalendarDateControl\n\t\t\tclassName=\"dataviews-controls__date\"\n\t\t\tid={ id }\n\t\t\tvalue={ typeof value === 'string' ? value : undefined }\n\t\t\tonChange={ onChangeCalendarDateControl }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/dataform-controls/datetime.js

@@ -1,8 +1,15 @@
 /**
  * WordPress dependencies
  */
-import { BaseControl, TimePicker, VisuallyHidden } from '@wordpress/components';
-import { useCallback } from '@wordpress/element';
+import { BaseControl, privateApis as componentsPrivateApis, __experimentalInputControl as InputControl, __experimentalVStack as VStack } from '@wordpress/components';
+import { useCallback, useState } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+import { getDate, getSettings } from '@wordpress/date';
+
+/**
+ * External dependencies
+ */
+import { format, isValid } from 'date-fns';
 
 /**
  * Internal dependencies
@@ -10,7 +17,111 @@ import { useCallback } from '@wordpress/element';
 
 import { OPERATOR_IN_THE_PAST, OPERATOR_OVER } from '../constants';
 import RelativeDateControl, { TIME_UNITS_OPTIONS } from './relative-date-control';
+import { unlock } from '../lock-unlock';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  DateCalendar
+} = unlock(componentsPrivateApis);
+const parseDateTime = dateTimeString => {
+  if (!dateTimeString) {
+    return null;
+  }
+  const parsed = getDate(dateTimeString);
+  return parsed && isValid(parsed) ? parsed : null;
+};
+const formatDateTime = date => {
+  if (!date) {
+    return '';
+  }
+  if (typeof date === 'string') {
+    return date;
+  }
+  // Format as datetime-local input expects: YYYY-MM-DDTHH:mm
+  return format(date, "yyyy-MM-dd'T'HH:mm");
+};
+function CalendarDateTimeControl({
+  id,
+  value,
+  onChange,
+  label,
+  description,
+  hideLabelFromVision
+}) {
+  const [calendarMonth, setCalendarMonth] = useState(() => {
+    const parsedDate = parseDateTime(value);
+    return parsedDate || new Date(); // Default to current month
+  });
+  const onSelectDate = useCallback(newDate => {
+    if (newDate) {
+      // Preserve time if it exists in current value, otherwise use current time
+      let finalDateTime = newDate;
+      if (value) {
+        const currentDateTime = parseDateTime(value);
+        if (currentDateTime) {
+          // Preserve the time part
+          finalDateTime = new Date(newDate);
+          finalDateTime.setHours(currentDateTime.getHours());
+          finalDateTime.setMinutes(currentDateTime.getMinutes());
+        }
+      }
+      const dateTimeValue = finalDateTime.toISOString();
+      onChange(dateTimeValue);
+    } else {
+      onChange(undefined);
+    }
+  }, [onChange, value]);
+  const handleManualDateTimeChange = useCallback(newValue => {
+    if (newValue) {
+      // Convert from datetime-local format to ISO string
+      const dateTime = new Date(newValue);
+      onChange(dateTime.toISOString());
+
+      // Update calendar month to match
+      const parsedDate = parseDateTime(dateTime.toISOString());
+      if (parsedDate) {
+        setCalendarMonth(parsedDate);
+      }
+    } else {
+      onChange(undefined);
+    }
+  }, [onChange]);
+  const {
+    timezone: {
+      string: timezoneString
+    },
+    l10n: {
+      startOfWeek
+    }
+  } = getSettings();
+  return /*#__PURE__*/_jsx(BaseControl, {
+    __nextHasNoMarginBottom: true,
+    id: id,
+    label: label,
+    help: description,
+    hideLabelFromVision: hideLabelFromVision,
+    children: /*#__PURE__*/_jsxs(VStack, {
+      spacing: 4,
+      children: [/*#__PURE__*/_jsx(DateCalendar, {
+        style: {
+          width: '100%'
+        },
+        selected: value ? parseDateTime(value) || undefined : undefined,
+        onSelect: onSelectDate,
+        month: calendarMonth,
+        onMonthChange: setCalendarMonth,
+        timeZone: timezoneString || undefined,
+        weekStartsOn: startOfWeek
+      }), /*#__PURE__*/_jsx(InputControl, {
+        __next40pxDefaultSize: true,
+        type: "datetime-local",
+        label: __('Date time'),
+        hideLabelFromVision: true,
+        value: value ? formatDateTime(parseDateTime(value) || undefined) : '',
+        onChange: handleManualDateTimeChange
+      })]
+    })
+  });
+}
 export default function DateTime({
   data,
   field,
@@ -20,37 +131,40 @@ export default function DateTime({
 }) {
   const {
     id,
-    label
+    label,
+    description,
+    getValue,
+    setValue
   } = field;
-  const value = field.getValue({
+  const value = getValue({
     item: data
   });
-  const onChangeControl = useCallback(newValue => onChange({
-    [id]: newValue
-  }), [id, onChange]);
+  const onChangeRelativeDateControl = useCallback(newValue => onChange(setValue({
+    item: data,
+    value: newValue
+  })), [data, onChange, setValue]);
+  const onChangeCalendarDateTimeControl = useCallback(newValue => onChange(setValue({
+    item: data,
+    value: newValue
+  })), [data, onChange, setValue]);
   if (operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER) {
     return /*#__PURE__*/_jsx(RelativeDateControl, {
+      className: "dataviews-controls__datetime",
       id: id,
       value: value && typeof value === 'object' ? value : {},
-      onChange: onChange,
+      onChange: onChangeRelativeDateControl,
       label: label,
       hideLabelFromVision: hideLabelFromVision,
       options: TIME_UNITS_OPTIONS[operator]
     });
   }
-  return /*#__PURE__*/_jsxs("fieldset", {
-    className: "dataviews-controls__datetime",
-    children: [!hideLabelFromVision && /*#__PURE__*/_jsx(BaseControl.VisualLabel, {
-      as: "legend",
-      children: label
-    }), hideLabelFromVision && /*#__PURE__*/_jsx(VisuallyHidden, {
-      as: "legend",
-      children: label
-    }), /*#__PURE__*/_jsx(TimePicker, {
-      currentTime: typeof value === 'string' ? value : undefined,
-      onChange: onChangeControl,
-      hideLabelFromVision: true
-    })]
+  return /*#__PURE__*/_jsx(CalendarDateTimeControl, {
+    id: id,
+    value: typeof value === 'string' ? value : undefined,
+    onChange: onChangeCalendarDateTimeControl,
+    label: label,
+    description: description,
+    hideLabelFromVision: hideLabelFromVision
   });
 }
 //# sourceMappingURL=datetime.js.map

package/build-module/dataform-controls/datetime.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseControl","TimePicker","VisuallyHidden","useCallback","OPERATOR_IN_THE_PAST","OPERATOR_OVER","RelativeDateControl","TIME_UNITS_OPTIONS","jsx","_jsx","jsxs","_jsxs","DateTime","data","field","onChange","hideLabelFromVision","operator","id","label","value","getValue","item","onChangeControl","newValue","options","className","children","VisualLabel","as","currentTime","undefined"],"sources":["@wordpress/dataviews/src/dataform-controls/datetime.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BaseControl, TimePicker, VisuallyHidden } from '@wordpress/components';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { OPERATOR_IN_THE_PAST, OPERATOR_OVER } from '../constants';\nimport RelativeDateControl, {\n\tTIME_UNITS_OPTIONS,\n} from './relative-date-control';\n\nexport default function DateTime< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\toperator,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label } = field;\n\tconst value = field.getValue( { item: data } );\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: string | null ) => onChange( { [ id ]: newValue } ),\n\t\t[ id, onChange ]\n\t);\n\n\tif ( operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER ) {\n\t\treturn (\n\t\t\t<RelativeDateControl\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\toptions={ TIME_UNITS_OPTIONS[ operator ] }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<fieldset className=\"dataviews-controls__datetime\">\n\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t) }\n\t\t\t{ hideLabelFromVision && (\n\t\t\t\t<VisuallyHidden as=\"legend\">{ label }</VisuallyHidden>\n\t\t\t) }\n\t\t\t<TimePicker\n\t\t\t\tcurrentTime={ typeof value === 'string' ? value : undefined }\n\t\t\t\tonChange={ onChangeControl }\n\t\t\t\thideLabelFromVision\n\t\t\t/>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,UAAU,EAAEC,cAAc,QAAQ,uBAAuB;AAC/E,SAASC,WAAW,QAAQ,oBAAoB;;AAEhD;AACA;AACA;;AAEA,SAASC,oBAAoB,EAAEC,aAAa,QAAQ,cAAc;AAClE,OAAOC,mBAAmB,IACzBC,kBAAkB,QACZ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,eAAe,SAASC,QAAQA,CAAU;EACzCC,IAAI;EACJC,KAAK;EACLC,QAAQ;EACRC,mBAAmB;EACnBC;AAC6B,CAAC,EAAG;EACjC,MAAM;IAAEC,EAAE;IAAEC;EAAM,CAAC,GAAGL,KAAK;EAC3B,MAAMM,KAAK,GAAGN,KAAK,CAACO,QAAQ,CAAE;IAAEC,IAAI,EAAET;EAAK,CAAE,CAAC;EAE9C,MAAMU,eAAe,GAAGpB,WAAW,CAChCqB,QAAuB,IAAMT,QAAQ,CAAE;IAAE,CAAEG,EAAE,GAAIM;EAAS,CAAE,CAAC,EAC/D,CAAEN,EAAE,EAAEH,QAAQ,CACf,CAAC;EAED,IAAKE,QAAQ,KAAKb,oBAAoB,IAAIa,QAAQ,KAAKZ,aAAa,EAAG;IACtE,oBACCI,IAAA,CAACH,mBAAmB;MACnBY,EAAE,EAAGA,EAAI;MACTE,KAAK,EAAGA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,CAAC,CAAG;MACzDL,QAAQ,EAAGA,QAAU;MACrBI,KAAK,EAAGA,KAAO;MACfH,mBAAmB,EAAGA,mBAAqB;MAC3CS,OAAO,EAAGlB,kBAAkB,CAAEU,QAAQ;IAAI,CAC1C,CAAC;EAEJ;EAEA,oBACCN,KAAA;IAAUe,SAAS,EAAC,8BAA8B;IAAAC,QAAA,GAC/C,CAAEX,mBAAmB,iBACtBP,IAAA,CAACT,WAAW,CAAC4B,WAAW;MAACC,EAAE,EAAC,QAAQ;MAAAF,QAAA,EACjCR;IAAK,CACiB,CACzB,EACCH,mBAAmB,iBACpBP,IAAA,CAACP,cAAc;MAAC2B,EAAE,EAAC,QAAQ;MAAAF,QAAA,EAAGR;IAAK,CAAkB,CACrD,eACDV,IAAA,CAACR,UAAU;MACV6B,WAAW,EAAG,OAAOV,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGW,SAAW;MAC7DhB,QAAQ,EAAGQ,eAAiB;MAC5BP,mBAAmB;IAAA,CACnB,CAAC;EAAA,CACO,CAAC;AAEb","ignoreList":[]}
+{"version":3,"names":["BaseControl","privateApis","componentsPrivateApis","__experimentalInputControl","InputControl","__experimentalVStack","VStack","useCallback","useState","__","getDate","getSettings","format","isValid","OPERATOR_IN_THE_PAST","OPERATOR_OVER","RelativeDateControl","TIME_UNITS_OPTIONS","unlock","jsx","_jsx","jsxs","_jsxs","DateCalendar","parseDateTime","dateTimeString","parsed","formatDateTime","date","CalendarDateTimeControl","id","value","onChange","label","description","hideLabelFromVision","calendarMonth","setCalendarMonth","parsedDate","Date","onSelectDate","newDate","finalDateTime","currentDateTime","setHours","getHours","setMinutes","getMinutes","dateTimeValue","toISOString","undefined","handleManualDateTimeChange","newValue","dateTime","timezone","string","timezoneString","l10n","startOfWeek","__nextHasNoMarginBottom","help","children","spacing","style","width","selected","onSelect","month","onMonthChange","timeZone","weekStartsOn","__next40pxDefaultSize","type","DateTime","data","field","operator","getValue","setValue","item","onChangeRelativeDateControl","onChangeCalendarDateTimeControl","className","options"],"sources":["@wordpress/dataviews/src/dataform-controls/datetime.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalInputControl as InputControl,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getDate, getSettings } from '@wordpress/date';\n\n/**\n * External dependencies\n */\nimport { format, isValid } from 'date-fns';\n\n/**\n * Internal dependencies\n */\nimport type { DataFormControlProps } from '../types';\nimport { OPERATOR_IN_THE_PAST, OPERATOR_OVER } from '../constants';\nimport RelativeDateControl, {\n\tTIME_UNITS_OPTIONS,\n\ttype DateRelative,\n} from './relative-date-control';\nimport { unlock } from '../lock-unlock';\n\nconst { DateCalendar } = unlock( componentsPrivateApis );\n\nconst parseDateTime = ( dateTimeString?: string ): Date | null => {\n\tif ( ! dateTimeString ) {\n\t\treturn null;\n\t}\n\tconst parsed = getDate( dateTimeString );\n\treturn parsed && isValid( parsed ) ? parsed : null;\n};\n\nconst formatDateTime = ( date?: Date | string ): string => {\n\tif ( ! date ) {\n\t\treturn '';\n\t}\n\tif ( typeof date === 'string' ) {\n\t\treturn date;\n\t}\n\t// Format as datetime-local input expects: YYYY-MM-DDTHH:mm\n\treturn format( date, \"yyyy-MM-dd'T'HH:mm\" );\n};\n\nfunction CalendarDateTimeControl( {\n\tid,\n\tvalue,\n\tonChange,\n\tlabel,\n\tdescription,\n\thideLabelFromVision,\n}: {\n\tid: string;\n\tvalue: string | undefined;\n\tonChange: ( value: string | undefined ) => void;\n\tlabel: string;\n\tdescription?: string;\n\thideLabelFromVision?: boolean;\n} ) {\n\tconst [ calendarMonth, setCalendarMonth ] = useState< Date >( () => {\n\t\tconst parsedDate = parseDateTime( value );\n\t\treturn parsedDate || new Date(); // Default to current month\n\t} );\n\n\tconst onSelectDate = useCallback(\n\t\t( newDate: Date | undefined | null ) => {\n\t\t\tif ( newDate ) {\n\t\t\t\t// Preserve time if it exists in current value, otherwise use current time\n\t\t\t\tlet finalDateTime = newDate;\n\n\t\t\t\tif ( value ) {\n\t\t\t\t\tconst currentDateTime = parseDateTime( value );\n\t\t\t\t\tif ( currentDateTime ) {\n\t\t\t\t\t\t// Preserve the time part\n\t\t\t\t\t\tfinalDateTime = new Date( newDate );\n\t\t\t\t\t\tfinalDateTime.setHours( currentDateTime.getHours() );\n\t\t\t\t\t\tfinalDateTime.setMinutes(\n\t\t\t\t\t\t\tcurrentDateTime.getMinutes()\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst dateTimeValue = finalDateTime.toISOString();\n\t\t\t\tonChange( dateTimeValue );\n\t\t\t} else {\n\t\t\t\tonChange( undefined );\n\t\t\t}\n\t\t},\n\t\t[ onChange, value ]\n\t);\n\n\tconst handleManualDateTimeChange = useCallback(\n\t\t( newValue?: string ) => {\n\t\t\tif ( newValue ) {\n\t\t\t\t// Convert from datetime-local format to ISO string\n\t\t\t\tconst dateTime = new Date( newValue );\n\t\t\t\tonChange( dateTime.toISOString() );\n\n\t\t\t\t// Update calendar month to match\n\t\t\t\tconst parsedDate = parseDateTime( dateTime.toISOString() );\n\t\t\t\tif ( parsedDate ) {\n\t\t\t\t\tsetCalendarMonth( parsedDate );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tonChange( undefined );\n\t\t\t}\n\t\t},\n\t\t[ onChange ]\n\t);\n\n\tconst {\n\t\ttimezone: { string: timezoneString },\n\t\tl10n: { startOfWeek },\n\t} = getSettings();\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tid={ id }\n\t\t\tlabel={ label }\n\t\t\thelp={ description }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ /* Calendar widget */ }\n\t\t\t\t<DateCalendar\n\t\t\t\t\tstyle={ { width: '100%' } }\n\t\t\t\t\tselected={\n\t\t\t\t\t\tvalue ? parseDateTime( value ) || undefined : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ onSelectDate }\n\t\t\t\t\tmonth={ calendarMonth }\n\t\t\t\t\tonMonthChange={ setCalendarMonth }\n\t\t\t\t\ttimeZone={ timezoneString || undefined }\n\t\t\t\t\tweekStartsOn={ startOfWeek }\n\t\t\t\t/>\n\t\t\t\t{ /* Manual datetime input */ }\n\t\t\t\t<InputControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\ttype=\"datetime-local\"\n\t\t\t\t\tlabel={ __( 'Date time' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tvalue\n\t\t\t\t\t\t\t? formatDateTime(\n\t\t\t\t\t\t\t\t\tparseDateTime( value ) || undefined\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ handleManualDateTimeChange }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default function DateTime< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\toperator,\n}: DataFormControlProps< Item > ) {\n\tconst { id, label, description, getValue, setValue } = field;\n\tconst value = getValue( { item: data } );\n\n\tconst onChangeRelativeDateControl = useCallback(\n\t\t( newValue: DateRelative ) =>\n\t\t\tonChange( setValue( { item: data, value: newValue } ) ),\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tconst onChangeCalendarDateTimeControl = useCallback(\n\t\t( newValue: string | undefined ) =>\n\t\t\tonChange( setValue( { item: data, value: newValue } ) ),\n\t\t[ data, onChange, setValue ]\n\t);\n\n\tif ( operator === OPERATOR_IN_THE_PAST || operator === OPERATOR_OVER ) {\n\t\treturn (\n\t\t\t<RelativeDateControl\n\t\t\t\tclassName=\"dataviews-controls__datetime\"\n\t\t\t\tid={ id }\n\t\t\t\tvalue={ value && typeof value === 'object' ? value : {} }\n\t\t\t\tonChange={ onChangeRelativeDateControl }\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\toptions={ TIME_UNITS_OPTIONS[ operator ] }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<CalendarDateTimeControl\n\t\t\tid={ id }\n\t\t\tvalue={ typeof value === 'string' ? value : undefined }\n\t\t\tonChange={ onChangeCalendarDateTimeControl }\n\t\t\tlabel={ label }\n\t\t\tdescription={ description }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}