@wordpress/components 27.6.0 → 28.0.1

package/build/date-time/date/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DatePicker = DatePicker;
 exports.default = void 0;
-var _react = require("react");
 var _useLilius = require("use-lilius");
 var _dateFns = require("date-fns");
 var _i18n = require("@wordpress/i18n");
@@ -17,6 +16,7 @@ var _styles = require("./styles");
 var _utils = require("../utils");
 var _button = _interopRequireDefault(require("../../button"));
 var _constants = require("../constants");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -88,93 +88,99 @@ function DatePicker({
     setViewing((0, _dateFns.startOfDay)(date));
     setFocusable((0, _dateFns.startOfDay)(date));
   }
-  return (0, _react.createElement)(_styles.Wrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
     className: "components-datetime__date",
     role: "application",
-    "aria-label": (0, _i18n.__)('Calendar')
-  }, (0, _react.createElement)(_styles.Navigator, null, (0, _react.createElement)(_button.default, {
-    icon: (0, _i18n.isRTL)() ? _icons.arrowRight : _icons.arrowLeft,
-    variant: "tertiary",
-    "aria-label": (0, _i18n.__)('View previous month'),
-    onClick: () => {
-      viewPreviousMonth();
-      setFocusable((0, _dateFns.subMonths)(focusable, 1));
-      onMonthPreviewed?.((0, _dateFns.format)((0, _dateFns.subMonths)(viewing, 1), _constants.TIMEZONELESS_FORMAT));
-    }
-  }), (0, _react.createElement)(_styles.NavigatorHeading, {
-    level: 3
-  }, (0, _react.createElement)("strong", null, (0, _date.dateI18n)('F', viewing, -viewing.getTimezoneOffset())), ' ', (0, _date.dateI18n)('Y', viewing, -viewing.getTimezoneOffset())), (0, _react.createElement)(_button.default, {
-    icon: (0, _i18n.isRTL)() ? _icons.arrowLeft : _icons.arrowRight,
-    variant: "tertiary",
-    "aria-label": (0, _i18n.__)('View next month'),
-    onClick: () => {
-      viewNextMonth();
-      setFocusable((0, _dateFns.addMonths)(focusable, 1));
-      onMonthPreviewed?.((0, _dateFns.format)((0, _dateFns.addMonths)(viewing, 1), _constants.TIMEZONELESS_FORMAT));
-    }
-  })), (0, _react.createElement)(_styles.Calendar, {
-    onFocus: () => setIsFocusWithinCalendar(true),
-    onBlur: () => setIsFocusWithinCalendar(false)
-  }, calendar[0][0].map(day => (0, _react.createElement)(_styles.DayOfWeek, {
-    key: day.toString()
-  }, (0, _date.dateI18n)('D', day, -day.getTimezoneOffset()))), calendar[0].map(week => week.map((day, index) => {
-    if (!(0, _dateFns.isSameMonth)(day, viewing)) {
-      return null;
-    }
-    return (0, _react.createElement)(Day, {
-      key: day.toString(),
-      day: day,
-      column: index + 1,
-      isSelected: isSelected(day),
-      isFocusable: (0, _dateFns.isEqual)(day, focusable),
-      isFocusAllowed: isFocusWithinCalendar,
-      isToday: (0, _dateFns.isSameDay)(day, new Date()),
-      isInvalid: isInvalidDate ? isInvalidDate(day) : false,
-      numEvents: events.filter(event => (0, _dateFns.isSameDay)(event.date, day)).length,
-      onClick: () => {
-        setSelected([day]);
-        setFocusable(day);
-        onChange?.((0, _dateFns.format)(
-        // Don't change the selected date's time fields.
-        new Date(day.getFullYear(), day.getMonth(), day.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()), _constants.TIMEZONELESS_FORMAT));
-      },
-      onKeyDown: event => {
-        let nextFocusable;
-        if (event.key === 'ArrowLeft') {
-          nextFocusable = (0, _dateFns.addDays)(day, (0, _i18n.isRTL)() ? 1 : -1);
-        }
-        if (event.key === 'ArrowRight') {
-          nextFocusable = (0, _dateFns.addDays)(day, (0, _i18n.isRTL)() ? -1 : 1);
-        }
-        if (event.key === 'ArrowUp') {
-          nextFocusable = (0, _dateFns.subWeeks)(day, 1);
-        }
-        if (event.key === 'ArrowDown') {
-          nextFocusable = (0, _dateFns.addWeeks)(day, 1);
+    "aria-label": (0, _i18n.__)('Calendar'),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Navigator, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        icon: (0, _i18n.isRTL)() ? _icons.arrowRight : _icons.arrowLeft,
+        variant: "tertiary",
+        "aria-label": (0, _i18n.__)('View previous month'),
+        onClick: () => {
+          viewPreviousMonth();
+          setFocusable((0, _dateFns.subMonths)(focusable, 1));
+          onMonthPreviewed?.((0, _dateFns.format)((0, _dateFns.subMonths)(viewing, 1), _constants.TIMEZONELESS_FORMAT));
         }
-        if (event.key === 'PageUp') {
-          nextFocusable = (0, _dateFns.subMonths)(day, 1);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.NavigatorHeading, {
+        level: 3,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+          children: (0, _date.dateI18n)('F', viewing, -viewing.getTimezoneOffset())
+        }), ' ', (0, _date.dateI18n)('Y', viewing, -viewing.getTimezoneOffset())]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        icon: (0, _i18n.isRTL)() ? _icons.arrowLeft : _icons.arrowRight,
+        variant: "tertiary",
+        "aria-label": (0, _i18n.__)('View next month'),
+        onClick: () => {
+          viewNextMonth();
+          setFocusable((0, _dateFns.addMonths)(focusable, 1));
+          onMonthPreviewed?.((0, _dateFns.format)((0, _dateFns.addMonths)(viewing, 1), _constants.TIMEZONELESS_FORMAT));
         }
-        if (event.key === 'PageDown') {
-          nextFocusable = (0, _dateFns.addMonths)(day, 1);
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Calendar, {
+      onFocus: () => setIsFocusWithinCalendar(true),
+      onBlur: () => setIsFocusWithinCalendar(false),
+      children: [calendar[0][0].map(day => /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DayOfWeek, {
+        children: (0, _date.dateI18n)('D', day, -day.getTimezoneOffset())
+      }, day.toString())), calendar[0].map(week => week.map((day, index) => {
+        if (!(0, _dateFns.isSameMonth)(day, viewing)) {
+          return null;
         }
-        if (event.key === 'Home') {
-          nextFocusable = (0, _dateFns.startOfWeek)(day);
-        }
-        if (event.key === 'End') {
-          nextFocusable = (0, _dateFns.startOfDay)((0, _dateFns.endOfWeek)(day));
-        }
-        if (nextFocusable) {
-          event.preventDefault();
-          setFocusable(nextFocusable);
-          if (!(0, _dateFns.isSameMonth)(nextFocusable, viewing)) {
-            setViewing(nextFocusable);
-            onMonthPreviewed?.((0, _dateFns.format)(nextFocusable, _constants.TIMEZONELESS_FORMAT));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Day, {
+          day: day,
+          column: index + 1,
+          isSelected: isSelected(day),
+          isFocusable: (0, _dateFns.isEqual)(day, focusable),
+          isFocusAllowed: isFocusWithinCalendar,
+          isToday: (0, _dateFns.isSameDay)(day, new Date()),
+          isInvalid: isInvalidDate ? isInvalidDate(day) : false,
+          numEvents: events.filter(event => (0, _dateFns.isSameDay)(event.date, day)).length,
+          onClick: () => {
+            setSelected([day]);
+            setFocusable(day);
+            onChange?.((0, _dateFns.format)(
+            // Don't change the selected date's time fields.
+            new Date(day.getFullYear(), day.getMonth(), day.getDate(), date.getHours(), date.getMinutes(), date.getSeconds(), date.getMilliseconds()), _constants.TIMEZONELESS_FORMAT));
+          },
+          onKeyDown: event => {
+            let nextFocusable;
+            if (event.key === 'ArrowLeft') {
+              nextFocusable = (0, _dateFns.addDays)(day, (0, _i18n.isRTL)() ? 1 : -1);
+            }
+            if (event.key === 'ArrowRight') {
+              nextFocusable = (0, _dateFns.addDays)(day, (0, _i18n.isRTL)() ? -1 : 1);
+            }
+            if (event.key === 'ArrowUp') {
+              nextFocusable = (0, _dateFns.subWeeks)(day, 1);
+            }
+            if (event.key === 'ArrowDown') {
+              nextFocusable = (0, _dateFns.addWeeks)(day, 1);
+            }
+            if (event.key === 'PageUp') {
+              nextFocusable = (0, _dateFns.subMonths)(day, 1);
+            }
+            if (event.key === 'PageDown') {
+              nextFocusable = (0, _dateFns.addMonths)(day, 1);
+            }
+            if (event.key === 'Home') {
+              nextFocusable = (0, _dateFns.startOfWeek)(day);
+            }
+            if (event.key === 'End') {
+              nextFocusable = (0, _dateFns.startOfDay)((0, _dateFns.endOfWeek)(day));
+            }
+            if (nextFocusable) {
+              event.preventDefault();
+              setFocusable(nextFocusable);
+              if (!(0, _dateFns.isSameMonth)(nextFocusable, viewing)) {
+                setViewing(nextFocusable);
+                onMonthPreviewed?.((0, _dateFns.format)(nextFocusable, _constants.TIMEZONELESS_FORMAT));
+              }
+            }
           }
-        }
-      }
-    });
-  }))));
+        }, day.toString());
+      }))]
+    })]
+  });
 }
 function Day({
   day,
@@ -201,7 +207,7 @@ function Day({
     // an already focused element.
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isFocusable]);
-  return (0, _react.createElement)(_styles.DayButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DayButton, {
     ref: ref,
     className: "components-datetime__date__day" // Unused, for backwards compatibility.
     ,
@@ -213,8 +219,9 @@ function Day({
     isToday: isToday,
     hasEvents: numEvents > 0,
     onClick: onClick,
-    onKeyDown: onKeyDown
-  }, (0, _date.dateI18n)('j', day, -day.getTimezoneOffset()));
+    onKeyDown: onKeyDown,
+    children: (0, _date.dateI18n)('j', day, -day.getTimezoneOffset())
+  });
 }
 function getDayLabel(date, isSelected, numEvents) {
   const {

package/build/date-time/date/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_useLilius","require","_dateFns","_i18n","_icons","_date","_element","_styles","_utils","_button","_interopRequireDefault","_constants","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","startOfWeek","weekStartsOn","date","inputToDate","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","useLilius","selected","startOfDay","focusable","setFocusable","useState","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","_react","createElement","Wrapper","className","role","__","Navigator","default","icon","isRTL","arrowRight","arrowLeft","variant","onClick","subMonths","format","TIMEZONELESS_FORMAT","NavigatorHeading","level","dateI18n","getTimezoneOffset","addMonths","Calendar","onFocus","onBlur","map","day","DayOfWeek","key","toString","week","index","isSameMonth","Day","column","isFocusable","isEqual","isFocusAllowed","isToday","isSameDay","isInvalid","numEvents","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","onKeyDown","nextFocusable","addDays","subWeeks","addWeeks","endOfWeek","preventDefault","ref","useRef","useEffect","current","focus","DayButton","disabled","tabIndex","getDayLabel","hasEvents","formats","getSettings","localizedDate","sprintf","_n","_default","exports"],"sources":["@wordpress/components/src/date-time/date/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useLilius } from 'use-lilius';\nimport {\n\tformat,\n\tisSameDay,\n\tsubMonths,\n\taddMonths,\n\tstartOfDay,\n\tisEqual,\n\taddDays,\n\tsubWeeks,\n\taddWeeks,\n\tisSameMonth,\n\tstartOfWeek,\n\tendOfWeek,\n} from 'date-fns';\nimport type { KeyboardEventHandler } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf, isRTL } from '@wordpress/i18n';\nimport { arrowLeft, arrowRight } from '@wordpress/icons';\nimport { dateI18n, getSettings } from '@wordpress/date';\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DatePickerProps } from '../types';\nimport {\n\tWrapper,\n\tNavigator,\n\tNavigatorHeading,\n\tCalendar,\n\tDayOfWeek,\n\tDayButton,\n} from './styles';\nimport { inputToDate } from '../utils';\nimport Button from '../../button';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\n/**\n * DatePicker is a React component that renders a calendar for date selection.\n *\n * ```jsx\n * import { DatePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDatePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DatePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function DatePicker( {\n\tcurrentDate,\n\tonChange,\n\tevents = [],\n\tisInvalidDate,\n\tonMonthPreviewed,\n\tstartOfWeek: weekStartsOn = 0,\n}: DatePickerProps ) {\n\tconst date = currentDate ? inputToDate( currentDate ) : new Date();\n\n\tconst {\n\t\tcalendar,\n\t\tviewing,\n\t\tsetSelected,\n\t\tsetViewing,\n\t\tisSelected,\n\t\tviewPreviousMonth,\n\t\tviewNextMonth,\n\t} = useLilius( {\n\t\tselected: [ startOfDay( date ) ],\n\t\tviewing: startOfDay( date ),\n\t\tweekStartsOn,\n\t} );\n\n\t// Used to implement a roving tab index. Tracks the day that receives focus\n\t// when the user tabs into the calendar.\n\tconst [ focusable, setFocusable ] = useState( startOfDay( date ) );\n\n\t// Allows us to only programmatically focus() a day when focus was already\n\t// within the calendar. This stops us stealing focus from e.g. a TimePicker\n\t// input.\n\tconst [ isFocusWithinCalendar, setIsFocusWithinCalendar ] =\n\t\tuseState( false );\n\n\t// Update internal state when currentDate prop changes.\n\tconst [ prevCurrentDate, setPrevCurrentDate ] = useState( currentDate );\n\tif ( currentDate !== prevCurrentDate ) {\n\t\tsetPrevCurrentDate( currentDate );\n\t\tsetSelected( [ startOfDay( date ) ] );\n\t\tsetViewing( startOfDay( date ) );\n\t\tsetFocusable( startOfDay( date ) );\n\t}\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__date\"\n\t\t\trole=\"application\"\n\t\t\taria-label={ __( 'Calendar' ) }\n\t\t>\n\t\t\t<Navigator>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowRight : arrowLeft }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View previous month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewPreviousMonth();\n\t\t\t\t\t\tsetFocusable( subMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\tsubMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<NavigatorHeading level={ 3 }>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t{ dateI18n(\n\t\t\t\t\t\t\t'F',\n\t\t\t\t\t\t\tviewing,\n\t\t\t\t\t\t\t-viewing.getTimezoneOffset()\n\t\t\t\t\t\t) }\n\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t{ dateI18n( 'Y', viewing, -viewing.getTimezoneOffset() ) }\n\t\t\t\t</NavigatorHeading>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowLeft : arrowRight }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View next month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewNextMonth();\n\t\t\t\t\t\tsetFocusable( addMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\taddMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</Navigator>\n\t\t\t<Calendar\n\t\t\t\tonFocus={ () => setIsFocusWithinCalendar( true ) }\n\t\t\t\tonBlur={ () => setIsFocusWithinCalendar( false ) }\n\t\t\t>\n\t\t\t\t{ calendar[ 0 ][ 0 ].map( ( day ) => (\n\t\t\t\t\t<DayOfWeek key={ day.toString() }>\n\t\t\t\t\t\t{ dateI18n( 'D', day, -day.getTimezoneOffset() ) }\n\t\t\t\t\t</DayOfWeek>\n\t\t\t\t) ) }\n\t\t\t\t{ calendar[ 0 ].map( ( week ) =>\n\t\t\t\t\tweek.map( ( day, index ) => {\n\t\t\t\t\t\tif ( ! isSameMonth( day, viewing ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tkey={ day.toString() }\n\t\t\t\t\t\t\t\tday={ day }\n\t\t\t\t\t\t\t\tcolumn={ index + 1 }\n\t\t\t\t\t\t\t\tisSelected={ isSelected( day ) }\n\t\t\t\t\t\t\t\tisFocusable={ isEqual( day, focusable ) }\n\t\t\t\t\t\t\t\tisFocusAllowed={ isFocusWithinCalendar }\n\t\t\t\t\t\t\t\tisToday={ isSameDay( day, new Date() ) }\n\t\t\t\t\t\t\t\tisInvalid={\n\t\t\t\t\t\t\t\t\tisInvalidDate ? isInvalidDate( day ) : false\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnumEvents={\n\t\t\t\t\t\t\t\t\tevents.filter( ( event ) =>\n\t\t\t\t\t\t\t\t\t\tisSameDay( event.date, day )\n\t\t\t\t\t\t\t\t\t).length\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetSelected( [ day ] );\n\t\t\t\t\t\t\t\t\tsetFocusable( day );\n\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t// Don't change the selected date's time fields.\n\t\t\t\t\t\t\t\t\t\t\tnew Date(\n\t\t\t\t\t\t\t\t\t\t\t\tday.getFullYear(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getMonth(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getDate(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getHours(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMinutes(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getSeconds(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMilliseconds()\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tlet nextFocusable;\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowLeft' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? 1 : -1\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowRight' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? -1 : 1\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'Home' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfWeek( day );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'End' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfDay(\n\t\t\t\t\t\t\t\t\t\t\tendOfWeek( day )\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( nextFocusable ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tsetFocusable( nextFocusable );\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t! isSameMonth(\n\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\tviewing\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tsetViewing( nextFocusable );\n\t\t\t\t\t\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} )\n\t\t\t\t) }\n\t\t\t</Calendar>\n\t\t</Wrapper>\n\t);\n}\n\ntype DayProps = {\n\tday: Date;\n\tcolumn: number;\n\tisSelected: boolean;\n\tisFocusable: boolean;\n\tisFocusAllowed: boolean;\n\tisToday: boolean;\n\tnumEvents: number;\n\tisInvalid: boolean;\n\tonClick: () => void;\n\tonKeyDown: KeyboardEventHandler;\n};\n\nfunction Day( {\n\tday,\n\tcolumn,\n\tisSelected,\n\tisFocusable,\n\tisFocusAllowed,\n\tisToday,\n\tisInvalid,\n\tnumEvents,\n\tonClick,\n\tonKeyDown,\n}: DayProps ) {\n\tconst ref = useRef< HTMLButtonElement >();\n\n\t// Focus the day when it becomes focusable, e.g. because an arrow key is\n\t// pressed. Only do this if focus is allowed - this stops us stealing focus\n\t// from e.g. a TimePicker input.\n\tuseEffect( () => {\n\t\tif ( ref.current && isFocusable && isFocusAllowed ) {\n\t\t\tref.current.focus();\n\t\t}\n\t\t// isFocusAllowed is not a dep as there is no point calling focus() on\n\t\t// an already focused element.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ isFocusable ] );\n\n\treturn (\n\t\t<DayButton\n\t\t\tref={ ref }\n\t\t\tclassName=\"components-datetime__date__day\" // Unused, for backwards compatibility.\n\t\t\tdisabled={ isInvalid }\n\t\t\ttabIndex={ isFocusable ? 0 : -1 }\n\t\t\taria-label={ getDayLabel( day, isSelected, numEvents ) }\n\t\t\tcolumn={ column }\n\t\t\tisSelected={ isSelected }\n\t\t\tisToday={ isToday }\n\t\t\thasEvents={ numEvents > 0 }\n\t\t\tonClick={ onClick }\n\t\t\tonKeyDown={ onKeyDown }\n\t\t>\n\t\t\t{ dateI18n( 'j', day, -day.getTimezoneOffset() ) }\n\t\t</DayButton>\n\t);\n}\n\nfunction getDayLabel( date: Date, isSelected: boolean, numEvents: number ) {\n\tconst { formats } = getSettings();\n\tconst localizedDate = dateI18n(\n\t\tformats.date,\n\t\tdate,\n\t\t-date.getTimezoneOffset()\n\t);\n\tif ( isSelected && numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. Selected. There is %2$d event',\n\t\t\t\t'%1$s. Selected. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t} else if ( isSelected ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: The calendar date.\n\t\t\t__( '%1$s. Selected' ),\n\t\t\tlocalizedDate\n\t\t);\n\t} else if ( numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. There is %2$d event',\n\t\t\t\t'%1$s. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t}\n\treturn localizedDate;\n}\n\nexport default DatePicker;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_useLilius","require","_dateFns","_i18n","_icons","_date","_element","_styles","_utils","_button","_interopRequireDefault","_constants","_jsxRuntime","DatePicker","currentDate","onChange","events","isInvalidDate","onMonthPreviewed","startOfWeek","weekStartsOn","date","inputToDate","Date","calendar","viewing","setSelected","setViewing","isSelected","viewPreviousMonth","viewNextMonth","useLilius","selected","startOfDay","focusable","setFocusable","useState","isFocusWithinCalendar","setIsFocusWithinCalendar","prevCurrentDate","setPrevCurrentDate","jsxs","Wrapper","className","role","__","children","Navigator","jsx","default","icon","isRTL","arrowRight","arrowLeft","variant","onClick","subMonths","format","TIMEZONELESS_FORMAT","NavigatorHeading","level","dateI18n","getTimezoneOffset","addMonths","Calendar","onFocus","onBlur","map","day","DayOfWeek","toString","week","index","isSameMonth","Day","column","isFocusable","isEqual","isFocusAllowed","isToday","isSameDay","isInvalid","numEvents","filter","event","length","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","getMilliseconds","onKeyDown","nextFocusable","key","addDays","subWeeks","addWeeks","endOfWeek","preventDefault","ref","useRef","useEffect","current","focus","DayButton","disabled","tabIndex","getDayLabel","hasEvents","formats","getSettings","localizedDate","sprintf","_n","_default","exports"],"sources":["@wordpress/components/src/date-time/date/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useLilius } from 'use-lilius';\nimport {\n\tformat,\n\tisSameDay,\n\tsubMonths,\n\taddMonths,\n\tstartOfDay,\n\tisEqual,\n\taddDays,\n\tsubWeeks,\n\taddWeeks,\n\tisSameMonth,\n\tstartOfWeek,\n\tendOfWeek,\n} from 'date-fns';\nimport type { KeyboardEventHandler } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { __, _n, sprintf, isRTL } from '@wordpress/i18n';\nimport { arrowLeft, arrowRight } from '@wordpress/icons';\nimport { dateI18n, getSettings } from '@wordpress/date';\nimport { useState, useRef, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { DatePickerProps } from '../types';\nimport {\n\tWrapper,\n\tNavigator,\n\tNavigatorHeading,\n\tCalendar,\n\tDayOfWeek,\n\tDayButton,\n} from './styles';\nimport { inputToDate } from '../utils';\nimport Button from '../../button';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\n/**\n * DatePicker is a React component that renders a calendar for date selection.\n *\n * ```jsx\n * import { DatePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDatePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DatePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function DatePicker( {\n\tcurrentDate,\n\tonChange,\n\tevents = [],\n\tisInvalidDate,\n\tonMonthPreviewed,\n\tstartOfWeek: weekStartsOn = 0,\n}: DatePickerProps ) {\n\tconst date = currentDate ? inputToDate( currentDate ) : new Date();\n\n\tconst {\n\t\tcalendar,\n\t\tviewing,\n\t\tsetSelected,\n\t\tsetViewing,\n\t\tisSelected,\n\t\tviewPreviousMonth,\n\t\tviewNextMonth,\n\t} = useLilius( {\n\t\tselected: [ startOfDay( date ) ],\n\t\tviewing: startOfDay( date ),\n\t\tweekStartsOn,\n\t} );\n\n\t// Used to implement a roving tab index. Tracks the day that receives focus\n\t// when the user tabs into the calendar.\n\tconst [ focusable, setFocusable ] = useState( startOfDay( date ) );\n\n\t// Allows us to only programmatically focus() a day when focus was already\n\t// within the calendar. This stops us stealing focus from e.g. a TimePicker\n\t// input.\n\tconst [ isFocusWithinCalendar, setIsFocusWithinCalendar ] =\n\t\tuseState( false );\n\n\t// Update internal state when currentDate prop changes.\n\tconst [ prevCurrentDate, setPrevCurrentDate ] = useState( currentDate );\n\tif ( currentDate !== prevCurrentDate ) {\n\t\tsetPrevCurrentDate( currentDate );\n\t\tsetSelected( [ startOfDay( date ) ] );\n\t\tsetViewing( startOfDay( date ) );\n\t\tsetFocusable( startOfDay( date ) );\n\t}\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__date\"\n\t\t\trole=\"application\"\n\t\t\taria-label={ __( 'Calendar' ) }\n\t\t>\n\t\t\t<Navigator>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowRight : arrowLeft }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View previous month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewPreviousMonth();\n\t\t\t\t\t\tsetFocusable( subMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\tsubMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<NavigatorHeading level={ 3 }>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t{ dateI18n(\n\t\t\t\t\t\t\t'F',\n\t\t\t\t\t\t\tviewing,\n\t\t\t\t\t\t\t-viewing.getTimezoneOffset()\n\t\t\t\t\t\t) }\n\t\t\t\t\t</strong>{ ' ' }\n\t\t\t\t\t{ dateI18n( 'Y', viewing, -viewing.getTimezoneOffset() ) }\n\t\t\t\t</NavigatorHeading>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ isRTL() ? arrowLeft : arrowRight }\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\taria-label={ __( 'View next month' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tviewNextMonth();\n\t\t\t\t\t\tsetFocusable( addMonths( focusable, 1 ) );\n\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\taddMonths( viewing, 1 ),\n\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</Navigator>\n\t\t\t<Calendar\n\t\t\t\tonFocus={ () => setIsFocusWithinCalendar( true ) }\n\t\t\t\tonBlur={ () => setIsFocusWithinCalendar( false ) }\n\t\t\t>\n\t\t\t\t{ calendar[ 0 ][ 0 ].map( ( day ) => (\n\t\t\t\t\t<DayOfWeek key={ day.toString() }>\n\t\t\t\t\t\t{ dateI18n( 'D', day, -day.getTimezoneOffset() ) }\n\t\t\t\t\t</DayOfWeek>\n\t\t\t\t) ) }\n\t\t\t\t{ calendar[ 0 ].map( ( week ) =>\n\t\t\t\t\tweek.map( ( day, index ) => {\n\t\t\t\t\t\tif ( ! isSameMonth( day, viewing ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tkey={ day.toString() }\n\t\t\t\t\t\t\t\tday={ day }\n\t\t\t\t\t\t\t\tcolumn={ index + 1 }\n\t\t\t\t\t\t\t\tisSelected={ isSelected( day ) }\n\t\t\t\t\t\t\t\tisFocusable={ isEqual( day, focusable ) }\n\t\t\t\t\t\t\t\tisFocusAllowed={ isFocusWithinCalendar }\n\t\t\t\t\t\t\t\tisToday={ isSameDay( day, new Date() ) }\n\t\t\t\t\t\t\t\tisInvalid={\n\t\t\t\t\t\t\t\t\tisInvalidDate ? isInvalidDate( day ) : false\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnumEvents={\n\t\t\t\t\t\t\t\t\tevents.filter( ( event ) =>\n\t\t\t\t\t\t\t\t\t\tisSameDay( event.date, day )\n\t\t\t\t\t\t\t\t\t).length\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetSelected( [ day ] );\n\t\t\t\t\t\t\t\t\tsetFocusable( day );\n\t\t\t\t\t\t\t\t\tonChange?.(\n\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t// Don't change the selected date's time fields.\n\t\t\t\t\t\t\t\t\t\t\tnew Date(\n\t\t\t\t\t\t\t\t\t\t\t\tday.getFullYear(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getMonth(),\n\t\t\t\t\t\t\t\t\t\t\t\tday.getDate(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getHours(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMinutes(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getSeconds(),\n\t\t\t\t\t\t\t\t\t\t\t\tdate.getMilliseconds()\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\t\t\tlet nextFocusable;\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowLeft' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? 1 : -1\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowRight' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addDays(\n\t\t\t\t\t\t\t\t\t\t\tday,\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? -1 : 1\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'ArrowDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addWeeks( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageUp' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = subMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'PageDown' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = addMonths( day, 1 );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'Home' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfWeek( day );\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( event.key === 'End' ) {\n\t\t\t\t\t\t\t\t\t\tnextFocusable = startOfDay(\n\t\t\t\t\t\t\t\t\t\t\tendOfWeek( day )\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tif ( nextFocusable ) {\n\t\t\t\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\t\t\t\tsetFocusable( nextFocusable );\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t! isSameMonth(\n\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\tviewing\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tsetViewing( nextFocusable );\n\t\t\t\t\t\t\t\t\t\t\tonMonthPreviewed?.(\n\t\t\t\t\t\t\t\t\t\t\t\tformat(\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextFocusable,\n\t\t\t\t\t\t\t\t\t\t\t\t\tTIMEZONELESS_FORMAT\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t} )\n\t\t\t\t) }\n\t\t\t</Calendar>\n\t\t</Wrapper>\n\t);\n}\n\ntype DayProps = {\n\tday: Date;\n\tcolumn: number;\n\tisSelected: boolean;\n\tisFocusable: boolean;\n\tisFocusAllowed: boolean;\n\tisToday: boolean;\n\tnumEvents: number;\n\tisInvalid: boolean;\n\tonClick: () => void;\n\tonKeyDown: KeyboardEventHandler;\n};\n\nfunction Day( {\n\tday,\n\tcolumn,\n\tisSelected,\n\tisFocusable,\n\tisFocusAllowed,\n\tisToday,\n\tisInvalid,\n\tnumEvents,\n\tonClick,\n\tonKeyDown,\n}: DayProps ) {\n\tconst ref = useRef< HTMLButtonElement >();\n\n\t// Focus the day when it becomes focusable, e.g. because an arrow key is\n\t// pressed. Only do this if focus is allowed - this stops us stealing focus\n\t// from e.g. a TimePicker input.\n\tuseEffect( () => {\n\t\tif ( ref.current && isFocusable && isFocusAllowed ) {\n\t\t\tref.current.focus();\n\t\t}\n\t\t// isFocusAllowed is not a dep as there is no point calling focus() on\n\t\t// an already focused element.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ isFocusable ] );\n\n\treturn (\n\t\t<DayButton\n\t\t\tref={ ref }\n\t\t\tclassName=\"components-datetime__date__day\" // Unused, for backwards compatibility.\n\t\t\tdisabled={ isInvalid }\n\t\t\ttabIndex={ isFocusable ? 0 : -1 }\n\t\t\taria-label={ getDayLabel( day, isSelected, numEvents ) }\n\t\t\tcolumn={ column }\n\t\t\tisSelected={ isSelected }\n\t\t\tisToday={ isToday }\n\t\t\thasEvents={ numEvents > 0 }\n\t\t\tonClick={ onClick }\n\t\t\tonKeyDown={ onKeyDown }\n\t\t>\n\t\t\t{ dateI18n( 'j', day, -day.getTimezoneOffset() ) }\n\t\t</DayButton>\n\t);\n}\n\nfunction getDayLabel( date: Date, isSelected: boolean, numEvents: number ) {\n\tconst { formats } = getSettings();\n\tconst localizedDate = dateI18n(\n\t\tformats.date,\n\t\tdate,\n\t\t-date.getTimezoneOffset()\n\t);\n\tif ( isSelected && numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. Selected. There is %2$d event',\n\t\t\t\t'%1$s. Selected. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t} else if ( isSelected ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: The calendar date.\n\t\t\t__( '%1$s. Selected' ),\n\t\t\tlocalizedDate\n\t\t);\n\t} else if ( numEvents > 0 ) {\n\t\treturn sprintf(\n\t\t\t// translators: 1: The calendar date. 2: Number of events on the calendar date.\n\t\t\t_n(\n\t\t\t\t'%1$s. There is %2$d event',\n\t\t\t\t'%1$s. There are %2$d events',\n\t\t\t\tnumEvents\n\t\t\t),\n\t\t\tlocalizedDate,\n\t\t\tnumEvents\n\t\t);\n\t}\n\treturn localizedDate;\n}\n\nexport default DatePicker;\n"],"mappings":"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","ignoreList":[]}

package/build/date-time/date-time/index.js

@@ -18,11 +18,11 @@ Object.defineProperty(exports, "TimePicker", {
   }
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _date = _interopRequireDefault(require("../date"));
 var _time = _interopRequireDefault(require("../time"));
 var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -45,22 +45,25 @@ function UnforwardedDateTimePicker({
   events,
   startOfWeek
 }, ref) {
-  return (0, _react.createElement)(_styles.Wrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Wrapper, {
     ref: ref,
     className: "components-datetime",
-    spacing: 4
-  }, (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_time.default, {
-    currentTime: currentDate,
-    onChange: onChange,
-    is12Hour: is12Hour
-  }), (0, _react.createElement)(_date.default, {
-    currentDate: currentDate,
-    onChange: onChange,
-    isInvalidDate: isInvalidDate,
-    events: events,
-    onMonthPreviewed: onMonthPreviewed,
-    startOfWeek: startOfWeek
-  })));
+    spacing: 4,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_time.default, {
+        currentTime: currentDate,
+        onChange: onChange,
+        is12Hour: is12Hour
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_date.default, {
+        currentDate: currentDate,
+        onChange: onChange,
+        isInvalidDate: isInvalidDate,
+        events: events,
+        onMonthPreviewed: onMonthPreviewed,
+        startOfWeek: startOfWeek
+      })]
+    })
+  });
 }
 
 /**

package/build/date-time/date-time/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_date","_interopRequireDefault","_time","_styles","noop","UnforwardedDateTimePicker","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","startOfWeek","ref","_react","createElement","Wrapper","className","spacing","Fragment","default","currentTime","DateTimePicker","exports","forwardRef","_default"],"sources":["@wordpress/components/src/date-time/date-time/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { default as DatePicker } from '../date';\nimport { default as TimePicker } from '../time';\nimport type { DateTimePickerProps } from '../types';\nimport { Wrapper } from './styles';\n\nexport { DatePicker, TimePicker };\n\nconst noop = () => {};\n\nfunction UnforwardedDateTimePicker(\n\t{\n\t\tcurrentDate,\n\t\tis12Hour,\n\t\tisInvalidDate,\n\t\tonMonthPreviewed = noop,\n\t\tonChange,\n\t\tevents,\n\t\tstartOfWeek,\n\t}: DateTimePickerProps,\n\tref: ForwardedRef< any >\n) {\n\treturn (\n\t\t<Wrapper ref={ ref } className=\"components-datetime\" spacing={ 4 }>\n\t\t\t<>\n\t\t\t\t<TimePicker\n\t\t\t\t\tcurrentTime={ currentDate }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tis12Hour={ is12Hour }\n\t\t\t\t/>\n\t\t\t\t<DatePicker\n\t\t\t\t\tcurrentDate={ currentDate }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisInvalidDate={ isInvalidDate }\n\t\t\t\t\tevents={ events }\n\t\t\t\t\tonMonthPreviewed={ onMonthPreviewed }\n\t\t\t\t\tstartOfWeek={ startOfWeek }\n\t\t\t\t/>\n\t\t\t</>\n\t\t</Wrapper>\n\t);\n}\n\n/**\n * DateTimePicker is a React component that renders a calendar and clock for\n * date and time selection. The calendar and clock components can be accessed\n * individually using the `DatePicker` and `TimePicker` components respectively.\n *\n * ```jsx\n * import { DateTimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDateTimePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DateTimePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport const DateTimePicker = forwardRef( UnforwardedDateTimePicker );\n\nexport default DateTimePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAQA,MAAMK,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,yBAAyBA,CACjC;EACCC,WAAW;EACXC,QAAQ;EACRC,aAAa;EACbC,gBAAgB,GAAGL,IAAI;EACvBM,QAAQ;EACRC,MAAM;EACNC;AACoB,CAAC,EACtBC,GAAwB,EACvB;EACD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,OAAA,CAAAa,OAAO;IAACH,GAAG,EAAGA,GAAK;IAACI,SAAS,EAAC,qBAAqB;IAACC,OAAO,EAAG;EAAG,GACjE,IAAAJ,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAK,QAAA,QACC,IAAAL,MAAA,CAAAC,aAAA,EAACb,KAAA,CAAAkB,OAAU;IACVC,WAAW,EAAGf,WAAa;IAC3BI,QAAQ,EAAGA,QAAU;IACrBH,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACF,IAAAO,MAAA,CAAAC,aAAA,EAACf,KAAA,CAAAoB,OAAU;IACVd,WAAW,EAAGA,WAAa;IAC3BI,QAAQ,EAAGA,QAAU;IACrBF,aAAa,EAAGA,aAAe;IAC/BG,MAAM,EAAGA,MAAQ;IACjBF,gBAAgB,EAAGA,gBAAkB;IACrCG,WAAW,EAAGA;EAAa,CAC3B,CACA,CACM,CAAC;AAEZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMU,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,mBAAU,EAAEnB,yBAA0B,CAAC;AAAC,IAAAoB,QAAA,GAAAF,OAAA,CAAAH,OAAA,GAEvDE,cAAc","ignoreList":[]}
+{"version":3,"names":["_element","require","_date","_interopRequireDefault","_time","_styles","_jsxRuntime","noop","UnforwardedDateTimePicker","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","startOfWeek","ref","jsx","Wrapper","className","spacing","children","jsxs","Fragment","default","currentTime","DateTimePicker","exports","forwardRef","_default"],"sources":["@wordpress/components/src/date-time/date-time/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { default as DatePicker } from '../date';\nimport { default as TimePicker } from '../time';\nimport type { DateTimePickerProps } from '../types';\nimport { Wrapper } from './styles';\n\nexport { DatePicker, TimePicker };\n\nconst noop = () => {};\n\nfunction UnforwardedDateTimePicker(\n\t{\n\t\tcurrentDate,\n\t\tis12Hour,\n\t\tisInvalidDate,\n\t\tonMonthPreviewed = noop,\n\t\tonChange,\n\t\tevents,\n\t\tstartOfWeek,\n\t}: DateTimePickerProps,\n\tref: ForwardedRef< any >\n) {\n\treturn (\n\t\t<Wrapper ref={ ref } className=\"components-datetime\" spacing={ 4 }>\n\t\t\t<>\n\t\t\t\t<TimePicker\n\t\t\t\t\tcurrentTime={ currentDate }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tis12Hour={ is12Hour }\n\t\t\t\t/>\n\t\t\t\t<DatePicker\n\t\t\t\t\tcurrentDate={ currentDate }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tisInvalidDate={ isInvalidDate }\n\t\t\t\t\tevents={ events }\n\t\t\t\t\tonMonthPreviewed={ onMonthPreviewed }\n\t\t\t\t\tstartOfWeek={ startOfWeek }\n\t\t\t\t/>\n\t\t\t</>\n\t\t</Wrapper>\n\t);\n}\n\n/**\n * DateTimePicker is a React component that renders a calendar and clock for\n * date and time selection. The calendar and clock components can be accessed\n * individually using the `DatePicker` and `TimePicker` components respectively.\n *\n * ```jsx\n * import { DateTimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyDateTimePicker = () => {\n *   const [ date, setDate ] = useState( new Date() );\n *\n *   return (\n *     <DateTimePicker\n *       currentDate={ date }\n *       onChange={ ( newDate ) => setDate( newDate ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport const DateTimePicker = forwardRef( UnforwardedDateTimePicker );\n\nexport default DateTimePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAAmC,IAAAK,WAAA,GAAAL,OAAA;AAjBnC;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAQA,MAAMM,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,yBAAyBA,CACjC;EACCC,WAAW;EACXC,QAAQ;EACRC,aAAa;EACbC,gBAAgB,GAAGL,IAAI;EACvBM,QAAQ;EACRC,MAAM;EACNC;AACoB,CAAC,EACtBC,GAAwB,EACvB;EACD,oBACC,IAAAV,WAAA,CAAAW,GAAA,EAACZ,OAAA,CAAAa,OAAO;IAACF,GAAG,EAAGA,GAAK;IAACG,SAAS,EAAC,qBAAqB;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,eACjE,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;MAAAF,QAAA,gBACC,IAAAf,WAAA,CAAAW,GAAA,EAACb,KAAA,CAAAoB,OAAU;QACVC,WAAW,EAAGhB,WAAa;QAC3BI,QAAQ,EAAGA,QAAU;QACrBH,QAAQ,EAAGA;MAAU,CACrB,CAAC,eACF,IAAAJ,WAAA,CAAAW,GAAA,EAACf,KAAA,CAAAsB,OAAU;QACVf,WAAW,EAAGA,WAAa;QAC3BI,QAAQ,EAAGA,QAAU;QACrBF,aAAa,EAAGA,aAAe;QAC/BG,MAAM,EAAGA,MAAQ;QACjBF,gBAAgB,EAAGA,gBAAkB;QACrCG,WAAW,EAAGA;MAAa,CAC3B,CAAC;IAAA,CACD;EAAC,CACK,CAAC;AAEZ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMW,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,mBAAU,EAAEpB,yBAA0B,CAAC;AAAC,IAAAqB,QAAA,GAAAF,OAAA,CAAAH,OAAA,GAEvDE,cAAc","ignoreList":[]}