@wordpress/components 25.5.0 → 25.6.0

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

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,15 +18,10 @@ Object.defineProperty(exports, "TimePicker", {
   }
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _date = _interopRequireDefault(require("../date"));
-
 var _time = _interopRequireDefault(require("../time"));
-
 var _styles = require("./styles");
-
 /**
  * External dependencies
  */
@@ -39,8 +33,8 @@ var _styles = require("./styles");
 /**
  * Internal dependencies
  */
-const noop = () => {};
 
+const noop = () => {};
 function UnforwardedDateTimePicker({
   currentDate,
   is12Hour,
@@ -67,6 +61,7 @@ function UnforwardedDateTimePicker({
     startOfWeek: startOfWeek
   })));
 }
+
 /**
  * DateTimePicker is a React component that renders a calendar and clock for
  * date and time selection. The calendar and clock components can be accessed
@@ -89,8 +84,6 @@ function UnforwardedDateTimePicker({
  * };
  * ```
  */
-
-
 const DateTimePicker = (0, _element.forwardRef)(UnforwardedDateTimePicker);
 exports.DateTimePicker = DateTimePicker;
 var _default = DateTimePicker;

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/date-time/index.tsx"],"names":["noop","UnforwardedDateTimePicker","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","startOfWeek","ref","DateTimePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA;;AAMA;;AACA;;AAEA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAQA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,yBAAT,CACC;AACCC,EAAAA,WADD;AAECC,EAAAA,QAFD;AAGCC,EAAAA,aAHD;AAICC,EAAAA,gBAAgB,GAAGL,IAJpB;AAKCM,EAAAA,QALD;AAMCC,EAAAA,MAND;AAOCC,EAAAA;AAPD,CADD,EAUCC,GAVD,EAWE;AACD,SACC,4BAAC,eAAD;AAAS,IAAA,GAAG,EAAGA,GAAf;AAAqB,IAAA,SAAS,EAAC,qBAA/B;AAAqD,IAAA,OAAO,EAAG;AAA/D,KACC,qDACC,4BAAC,aAAD;AACC,IAAA,WAAW,EAAGP,WADf;AAEC,IAAA,QAAQ,EAAGI,QAFZ;AAGC,IAAA,QAAQ,EAAGH;AAHZ,IADD,EAMC,4BAAC,aAAD;AACC,IAAA,WAAW,EAAGD,WADf;AAEC,IAAA,QAAQ,EAAGI,QAFZ;AAGC,IAAA,aAAa,EAAGF,aAHjB;AAIC,IAAA,MAAM,EAAGG,MAJV;AAKC,IAAA,gBAAgB,EAAGF,gBALpB;AAMC,IAAA,WAAW,EAAGG;AANf,IAND,CADD,CADD;AAmBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAME,cAAc,GAAG,yBAAYT,yBAAZ,CAAvB;;eAEQS,c","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"]}
+{"version":3,"names":["_element","require","_date","_interopRequireDefault","_time","_styles","noop","UnforwardedDateTimePicker","currentDate","is12Hour","isInvalidDate","onMonthPreviewed","onChange","events","startOfWeek","ref","createElement","Wrapper","className","spacing","Fragment","default","currentTime","DateTimePicker","forwardRef","exports","_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,IAAAf,QAAA,CAAAgB,aAAA,EAACX,OAAA,CAAAY,OAAO;IAACF,GAAG,EAAGA,GAAK;IAACG,SAAS,EAAC,qBAAqB;IAACC,OAAO,EAAG;EAAG,GACjE,IAAAnB,QAAA,CAAAgB,aAAA,EAAAhB,QAAA,CAAAoB,QAAA,QACC,IAAApB,QAAA,CAAAgB,aAAA,EAACZ,KAAA,CAAAiB,OAAU;IACVC,WAAW,EAAGd,WAAa;IAC3BI,QAAQ,EAAGA,QAAU;IACrBH,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACF,IAAAT,QAAA,CAAAgB,aAAA,EAACd,KAAA,CAAAmB,OAAU;IACVb,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,MAAMS,cAAc,GAAG,IAAAC,mBAAU,EAAEjB,yBAA0B,CAAC;AAACkB,OAAA,CAAAF,cAAA,GAAAA,cAAA;AAAA,IAAAG,QAAA,GAEvDH,cAAc;AAAAE,OAAA,CAAAJ,OAAA,GAAAK,QAAA"}

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

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
 var _vStack = require("../../v-stack");
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 const Wrapper = ( /*#__PURE__*/0, _base.default)(_vStack.VStack, process.env.NODE_ENV === "production" ? {
   target: "e1p5onf00"
 } : {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/date-time/styles.ts"],"names":["Wrapper","VStack"],"mappings":";;;;;;;;;;;AAQA;;;;AAEO,MAAMA,OAAO,GAAG,iCAAQC,cAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAb","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\n\nexport const Wrapper = styled( VStack )`\n\tbox-sizing: border-box;\n`;\n"]}
+{"version":3,"names":["_vStack","require","_EMOTION_STRINGIFIED_CSS_ERROR__","Wrapper","_base","default","VStack","process","env","NODE_ENV","target","label","name","styles","map","toString","exports"],"sources":["@wordpress/components/src/date-time/date-time/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { VStack } from '../../v-stack';\n\nexport const Wrapper = styled( VStack )`\n\tbox-sizing: border-box;\n`;\n"],"mappings":";;;;;;;;AAQA,IAAAA,OAAA,GAAAC,OAAA;AAAuC,SAAAC,iCAAA;AAEhC,MAAMC,OAAO,GAAG,kBAAAC,KAAA,CAAAC,OAAA,EAAQC,cAAM,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,CAAC,CAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAEtC;AAACc,OAAA,CAAAb,OAAA,GAAAA,OAAA"}

package/build/date-time/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -18,13 +17,9 @@ Object.defineProperty(exports, "TimePicker", {
   }
 });
 exports.default = void 0;
-
 var _date = _interopRequireDefault(require("./date"));
-
 var _time = _interopRequireDefault(require("./time"));
-
 var _dateTime = _interopRequireDefault(require("./date-time"));
-
 /**
  * Internal dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/index.ts"],"names":["DateTimePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;eAMeA,iB","sourcesContent":["/**\n * Internal dependencies\n */\nimport { default as DatePicker } from './date';\nimport { default as TimePicker } from './time';\nimport { default as DateTimePicker } from './date-time';\n\nexport { DatePicker, TimePicker };\nexport default DateTimePicker;\n"]}
+{"version":3,"names":["_date","_interopRequireDefault","require","_time","_dateTime","_default","DateTimePicker","exports","default"],"sources":["@wordpress/components/src/date-time/index.ts"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { default as DatePicker } from './date';\nimport { default as TimePicker } from './time';\nimport { default as DateTimePicker } from './date-time';\n\nexport { DatePicker, TimePicker };\nexport default DateTimePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AALA;AACA;AACA;AAFA,IAAAG,QAAA,GAQeC,iBAAc;AAAAC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

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

@@ -1,39 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TimePicker = TimePicker;
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _dateFns = require("date-fns");
-
 var _i18n = require("@wordpress/i18n");
-
 var _baseControl = _interopRequireDefault(require("../../base-control"));
-
 var _button = _interopRequireDefault(require("../../button"));
-
 var _buttonGroup = _interopRequireDefault(require("../../button-group"));
-
 var _timezone = _interopRequireDefault(require("./timezone"));
-
 var _styles = require("./styles");
-
 var _hStack = require("../../h-stack");
-
 var _spacer = require("../../spacer");
-
 var _actions = require("../../input-control/reducer/actions");
-
 var _utils = require("../utils");
-
 var _constants = require("../constants");
-
 /**
  * External dependencies
  */
@@ -45,9 +30,11 @@ var _constants = require("../constants");
 /**
  * Internal dependencies
  */
+
 function from12hTo24h(hours, isPm) {
   return isPm ? (hours % 12 + 12) % 24 : hours % 12;
 }
+
 /**
  * Creates an InputControl reducer used to pad an input so that it is always a
  * given width. For example, the hours and minutes inputs are padded to 2 so
@@ -55,22 +42,20 @@ function from12hTo24h(hours, isPm) {
  *
  * @param pad How many digits the value should be.
  */
-
-
 function buildPadInputStateReducer(pad) {
   return (state, action) => {
-    const nextState = { ...state
+    const nextState = {
+      ...state
     };
-
     if (action.type === _actions.COMMIT || action.type === _actions.PRESS_UP || action.type === _actions.PRESS_DOWN) {
       if (nextState.value !== undefined) {
         nextState.value = nextState.value.toString().padStart(pad, '0');
       }
     }
-
     return nextState;
   };
 }
+
 /**
  * TimePicker is a React component that renders a clock for time selection.
  *
@@ -91,17 +76,17 @@ function buildPadInputStateReducer(pad) {
  * };
  * ```
  */
-
-
 function TimePicker({
   is12Hour,
   currentTime,
   onChange
 }) {
-  const [date, setDate] = (0, _element.useState)(() => // Truncate the date at the minutes, see: #15495.
-  currentTime ? (0, _dateFns.startOfMinute)((0, _utils.inputToDate)(currentTime)) : new Date()); // Reset the state when currentTime changed.
-  // TODO: useEffect() shouldn't be used like this, causes an unnecessary render
+  const [date, setDate] = (0, _element.useState)(() =>
+  // Truncate the date at the minutes, see: #15495.
+  currentTime ? (0, _dateFns.startOfMinute)((0, _utils.inputToDate)(currentTime)) : new Date());
 
+  // Reset the state when currentTime changed.
+  // TODO: useEffect() shouldn't be used like this, causes an unnecessary render
   (0, _element.useEffect)(() => {
     setDate(currentTime ? (0, _dateFns.startOfMinute)((0, _utils.inputToDate)(currentTime)) : new Date());
   }, [currentTime]);
@@ -120,7 +105,6 @@ function TimePicker({
     hours: (0, _dateFns.format)(date, is12Hour ? 'hh' : 'HH'),
     am: (0, _dateFns.format)(date, 'a')
   }), [date, is12Hour]);
-
   const buildNumberControlChangeCallback = method => {
     const callback = (value, {
       event
@@ -128,43 +112,38 @@ function TimePicker({
       if (!(event.target instanceof HTMLInputElement)) {
         return;
       }
-
       if (!event.target.validity.valid) {
         return;
-      } // We can safely assume value is a number if target is valid.
+      }
 
+      // We can safely assume value is a number if target is valid.
+      let numberValue = Number(value);
 
-      let numberValue = Number(value); // If the 12-hour format is being used and the 'PM' period is
+      // If the 12-hour format is being used and the 'PM' period is
       // selected, then the incoming value (which ranges 1-12) should be
       // increased by 12 to match the expected 24-hour format.
-
       if (method === 'hours' && is12Hour) {
         numberValue = from12hTo24h(numberValue, am === 'PM');
       }
-
       const newDate = (0, _dateFns.set)(date, {
         [method]: numberValue
       });
       setDate(newDate);
       onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
     };
-
     return callback;
   };
-
   function buildAmPmChangeCallback(value) {
     return () => {
       if (am === value) {
         return;
       }
-
       const parsedHours = parseInt(hours, 10);
       const newDate = (0, _dateFns.setHours)(date, from12hTo24h(parsedHours, value === 'PM'));
       setDate(newDate);
       onChange?.((0, _dateFns.format)(newDate, _constants.TIMEZONELESS_FORMAT));
     };
   }
-
   const dayField = (0, _element.createElement)(_styles.DayInput, {
     className: "components-datetime__time-field components-datetime__time-field-day" // Unused, for backwards compatibility.
     ,
@@ -234,17 +213,13 @@ function TimePicker({
   }));
   return (0, _element.createElement)(_styles.Wrapper, {
     className: "components-datetime__time" // Unused, for backwards compatibility.
-
   }, (0, _element.createElement)(_styles.Fieldset, null, (0, _element.createElement)(_baseControl.default.VisualLabel, {
     as: "legend",
     className: "components-datetime__time-legend" // Unused, for backwards compatibility.
-
   }, (0, _i18n.__)('Time')), (0, _element.createElement)(_hStack.HStack, {
     className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
-
   }, (0, _element.createElement)(_styles.TimeWrapper, {
     className: "components-datetime__time-field components-datetime__time-field-time" // Unused, for backwards compatibility.
-
   }, (0, _element.createElement)(_styles.HoursInput, {
     className: "components-datetime__time-field-hours-input" // Unused, for backwards compatibility.
     ,
@@ -285,7 +260,6 @@ function TimePicker({
     __unstableStateReducer: buildPadInputStateReducer(2)
   })), is12Hour && (0, _element.createElement)(_buttonGroup.default, {
     className: "components-datetime__time-field components-datetime__time-field-am-pm" // Unused, for backwards compatibility.
-
   }, (0, _element.createElement)(_button.default, {
     className: "components-datetime__time-am-button" // Unused, for backwards compatibility.
     ,
@@ -299,10 +273,8 @@ function TimePicker({
   }, (0, _i18n.__)('PM'))), (0, _element.createElement)(_spacer.Spacer, null), (0, _element.createElement)(_timezone.default, null))), (0, _element.createElement)(_styles.Fieldset, null, (0, _element.createElement)(_baseControl.default.VisualLabel, {
     as: "legend",
     className: "components-datetime__time-legend" // Unused, for backwards compatibility.
-
   }, (0, _i18n.__)('Date')), (0, _element.createElement)(_hStack.HStack, {
     className: "components-datetime__time-wrapper" // Unused, for backwards compatibility.
-
   }, is12Hour ? (0, _element.createElement)(_element.Fragment, null, monthField, dayField) : (0, _element.createElement)(_element.Fragment, null, dayField, monthField), (0, _element.createElement)(_styles.YearInput, {
     className: "components-datetime__time-field components-datetime__time-field-year" // Unused, for backwards compatibility.
     ,
@@ -322,7 +294,6 @@ function TimePicker({
     __unstableStateReducer: buildPadInputStateReducer(4)
   }))));
 }
-
 var _default = TimePicker;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/time/index.tsx"],"names":["from12hTo24h","hours","isPm","buildPadInputStateReducer","pad","state","action","nextState","type","COMMIT","PRESS_UP","PRESS_DOWN","value","undefined","toString","padStart","TimePicker","is12Hour","currentTime","onChange","date","setDate","Date","day","month","year","minutes","am","buildNumberControlChangeCallback","method","callback","event","target","HTMLInputElement","validity","valid","numberValue","Number","newDate","TIMEZONELESS_FORMAT","buildAmPmChangeCallback","parsedHours","parseInt","dayField","monthField","label"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { startOfMinute, format, set, setHours, setMonth } from 'date-fns';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../../base-control';\nimport Button from '../../button';\nimport ButtonGroup from '../../button-group';\nimport TimeZone from './timezone';\nimport type { TimePickerProps } from '../types';\nimport {\n\tWrapper,\n\tFieldset,\n\tHoursInput,\n\tTimeSeparator,\n\tMinutesInput,\n\tMonthSelectWrapper,\n\tMonthSelect,\n\tDayInput,\n\tYearInput,\n\tTimeWrapper,\n} from './styles';\nimport { HStack } from '../../h-stack';\nimport { Spacer } from '../../spacer';\nimport type { InputChangeCallback } from '../../input-control/types';\nimport type { InputState } from '../../input-control/reducer/state';\nimport {\n\tCOMMIT,\n\tInputAction,\n\tPRESS_DOWN,\n\tPRESS_UP,\n} from '../../input-control/reducer/actions';\nimport { inputToDate } from '../utils';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\nfunction from12hTo24h( hours: number, isPm: boolean ) {\n\treturn isPm ? ( ( hours % 12 ) + 12 ) % 24 : hours % 12;\n}\n\n/**\n * Creates an InputControl reducer used to pad an input so that it is always a\n * given width. For example, the hours and minutes inputs are padded to 2 so\n * that '4' appears as '04'.\n *\n * @param pad How many digits the value should be.\n */\nfunction buildPadInputStateReducer( pad: number ) {\n\treturn ( state: InputState, action: InputAction ) => {\n\t\tconst nextState = { ...state };\n\t\tif (\n\t\t\taction.type === COMMIT ||\n\t\t\taction.type === PRESS_UP ||\n\t\t\taction.type === PRESS_DOWN\n\t\t) {\n\t\t\tif ( nextState.value !== undefined ) {\n\t\t\t\tnextState.value = nextState.value\n\t\t\t\t\t.toString()\n\t\t\t\t\t.padStart( pad, '0' );\n\t\t\t}\n\t\t}\n\t\treturn nextState;\n\t};\n}\n\n/**\n * TimePicker is a React component that renders a clock for time selection.\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimePicker = () => {\n *   const [ time, setTime ] = useState( new Date() );\n *\n *   return (\n *     <TimePicker\n *       currentTime={ date }\n *       onChange={ ( newTime ) => setTime( newTime ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport function TimePicker( {\n\tis12Hour,\n\tcurrentTime,\n\tonChange,\n}: TimePickerProps ) {\n\tconst [ date, setDate ] = useState( () =>\n\t\t// Truncate the date at the minutes, see: #15495.\n\t\tcurrentTime ? startOfMinute( inputToDate( currentTime ) ) : new Date()\n\t);\n\n\t// Reset the state when currentTime changed.\n\t// TODO: useEffect() shouldn't be used like this, causes an unnecessary render\n\tuseEffect( () => {\n\t\tsetDate(\n\t\t\tcurrentTime\n\t\t\t\t? startOfMinute( inputToDate( currentTime ) )\n\t\t\t\t: new Date()\n\t\t);\n\t}, [ currentTime ] );\n\n\tconst { day, month, year, minutes, hours, am } = useMemo(\n\t\t() => ( {\n\t\t\tday: format( date, 'dd' ),\n\t\t\tmonth: format( date, 'MM' ),\n\t\t\tyear: format( date, 'yyyy' ),\n\t\t\tminutes: format( date, 'mm' ),\n\t\t\thours: format( date, is12Hour ? 'hh' : 'HH' ),\n\t\t\tam: format( date, 'a' ),\n\t\t} ),\n\t\t[ date, is12Hour ]\n\t);\n\n\tconst buildNumberControlChangeCallback = (\n\t\tmethod: 'hours' | 'minutes' | 'date' | 'year'\n\t) => {\n\t\tconst callback: InputChangeCallback = ( value, { event } ) => {\n\t\t\tif ( ! ( event.target instanceof HTMLInputElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( ! event.target.validity.valid ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// We can safely assume value is a number if target is valid.\n\t\t\tlet numberValue = Number( value );\n\n\t\t\t// If the 12-hour format is being used and the 'PM' period is\n\t\t\t// selected, then the incoming value (which ranges 1-12) should be\n\t\t\t// increased by 12 to match the expected 24-hour format.\n\t\t\tif ( method === 'hours' && is12Hour ) {\n\t\t\t\tnumberValue = from12hTo24h( numberValue, am === 'PM' );\n\t\t\t}\n\n\t\t\tconst newDate = set( date, { [ method ]: numberValue } );\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t\treturn callback;\n\t};\n\n\tfunction buildAmPmChangeCallback( value: 'AM' | 'PM' ) {\n\t\treturn () => {\n\t\t\tif ( am === value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst parsedHours = parseInt( hours, 10 );\n\n\t\t\tconst newDate = setHours(\n\t\t\t\tdate,\n\t\t\t\tfrom12hTo24h( parsedHours, value === 'PM' )\n\t\t\t);\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t}\n\n\tconst dayField = (\n\t\t<DayInput\n\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-day\" // Unused, for backwards compatibility.\n\t\t\tlabel={ __( 'Day' ) }\n\t\t\thideLabelFromVision\n\t\t\t__next36pxDefaultSize\n\t\t\tvalue={ day }\n\t\t\tstep={ 1 }\n\t\t\tmin={ 1 }\n\t\t\tmax={ 31 }\n\t\t\trequired\n\t\t\tspinControls=\"none\"\n\t\t\tisPressEnterToChange\n\t\t\tisDragEnabled={ false }\n\t\t\tisShiftStepEnabled={ false }\n\t\t\tonChange={ buildNumberControlChangeCallback( 'date' ) }\n\t\t/>\n\t);\n\n\tconst monthField = (\n\t\t<MonthSelectWrapper>\n\t\t\t<MonthSelect\n\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-month\" // Unused, for backwards compatibility.\n\t\t\t\tlabel={ __( 'Month' ) }\n\t\t\t\thideLabelFromVision\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ month }\n\t\t\t\toptions={ [\n\t\t\t\t\t{ value: '01', label: __( 'January' ) },\n\t\t\t\t\t{ value: '02', label: __( 'February' ) },\n\t\t\t\t\t{ value: '03', label: __( 'March' ) },\n\t\t\t\t\t{ value: '04', label: __( 'April' ) },\n\t\t\t\t\t{ value: '05', label: __( 'May' ) },\n\t\t\t\t\t{ value: '06', label: __( 'June' ) },\n\t\t\t\t\t{ value: '07', label: __( 'July' ) },\n\t\t\t\t\t{ value: '08', label: __( 'August' ) },\n\t\t\t\t\t{ value: '09', label: __( 'September' ) },\n\t\t\t\t\t{ value: '10', label: __( 'October' ) },\n\t\t\t\t\t{ value: '11', label: __( 'November' ) },\n\t\t\t\t\t{ value: '12', label: __( 'December' ) },\n\t\t\t\t] }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst newDate = setMonth( date, Number( value ) - 1 );\n\t\t\t\t\tsetDate( newDate );\n\t\t\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</MonthSelectWrapper>\n\t);\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__time\" // Unused, for backwards compatibility.\n\t\t>\n\t\t\t<Fieldset>\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Time' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<TimeWrapper\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-time\" // Unused, for backwards compatibility.\n\t\t\t\t\t>\n\t\t\t\t\t\t<HoursInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-hours-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Hours' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ hours }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ is12Hour ? 1 : 0 }\n\t\t\t\t\t\t\tmax={ is12Hour ? 12 : 23 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'hours'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<TimeSeparator\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-separator\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t</TimeSeparator>\n\t\t\t\t\t\t<MinutesInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-minutes-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Minutes' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ minutes }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 59 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'minutes'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TimeWrapper>\n\t\t\t\t\t{ is12Hour && (\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-am-pm\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-am-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'AM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'AM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'AM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-pm-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'PM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'PM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'PM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<Spacer />\n\t\t\t\t\t<TimeZone />\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t\t<Fieldset>\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Date' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ is12Hour ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t<YearInput\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-year\" // Unused, for backwards compatibility.\n\t\t\t\t\t\tlabel={ __( 'Year' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\tvalue={ year }\n\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tmax={ 9999 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback( 'year' ) }\n\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t4\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t</Wrapper>\n\t);\n}\n\nexport default TimePicker;\n"]}
+{"version":3,"names":["_element","require","_dateFns","_i18n","_baseControl","_interopRequireDefault","_button","_buttonGroup","_timezone","_styles","_hStack","_spacer","_actions","_utils","_constants","from12hTo24h","hours","isPm","buildPadInputStateReducer","pad","state","action","nextState","type","COMMIT","PRESS_UP","PRESS_DOWN","value","undefined","toString","padStart","TimePicker","is12Hour","currentTime","onChange","date","setDate","useState","startOfMinute","inputToDate","Date","useEffect","day","month","year","minutes","am","useMemo","format","buildNumberControlChangeCallback","method","callback","event","target","HTMLInputElement","validity","valid","numberValue","Number","newDate","set","TIMEZONELESS_FORMAT","buildAmPmChangeCallback","parsedHours","parseInt","setHours","dayField","createElement","DayInput","className","label","__","hideLabelFromVision","__next36pxDefaultSize","step","min","max","required","spinControls","isPressEnterToChange","isDragEnabled","isShiftStepEnabled","monthField","MonthSelectWrapper","MonthSelect","__nextHasNoMarginBottom","options","setMonth","Wrapper","Fieldset","default","VisualLabel","as","HStack","TimeWrapper","HoursInput","__unstableStateReducer","TimeSeparator","MinutesInput","variant","onClick","Spacer","Fragment","YearInput","_default","exports"],"sources":["@wordpress/components/src/date-time/time/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { startOfMinute, format, set, setHours, setMonth } from 'date-fns';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../../base-control';\nimport Button from '../../button';\nimport ButtonGroup from '../../button-group';\nimport TimeZone from './timezone';\nimport type { TimePickerProps } from '../types';\nimport {\n\tWrapper,\n\tFieldset,\n\tHoursInput,\n\tTimeSeparator,\n\tMinutesInput,\n\tMonthSelectWrapper,\n\tMonthSelect,\n\tDayInput,\n\tYearInput,\n\tTimeWrapper,\n} from './styles';\nimport { HStack } from '../../h-stack';\nimport { Spacer } from '../../spacer';\nimport type { InputChangeCallback } from '../../input-control/types';\nimport type { InputState } from '../../input-control/reducer/state';\nimport type { InputAction } from '../../input-control/reducer/actions';\nimport {\n\tCOMMIT,\n\tPRESS_DOWN,\n\tPRESS_UP,\n} from '../../input-control/reducer/actions';\nimport { inputToDate } from '../utils';\nimport { TIMEZONELESS_FORMAT } from '../constants';\n\nfunction from12hTo24h( hours: number, isPm: boolean ) {\n\treturn isPm ? ( ( hours % 12 ) + 12 ) % 24 : hours % 12;\n}\n\n/**\n * Creates an InputControl reducer used to pad an input so that it is always a\n * given width. For example, the hours and minutes inputs are padded to 2 so\n * that '4' appears as '04'.\n *\n * @param pad How many digits the value should be.\n */\nfunction buildPadInputStateReducer( pad: number ) {\n\treturn ( state: InputState, action: InputAction ) => {\n\t\tconst nextState = { ...state };\n\t\tif (\n\t\t\taction.type === COMMIT ||\n\t\t\taction.type === PRESS_UP ||\n\t\t\taction.type === PRESS_DOWN\n\t\t) {\n\t\t\tif ( nextState.value !== undefined ) {\n\t\t\t\tnextState.value = nextState.value\n\t\t\t\t\t.toString()\n\t\t\t\t\t.padStart( pad, '0' );\n\t\t\t}\n\t\t}\n\t\treturn nextState;\n\t};\n}\n\n/**\n * TimePicker is a React component that renders a clock for time selection.\n *\n * ```jsx\n * import { TimePicker } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyTimePicker = () => {\n *   const [ time, setTime ] = useState( new Date() );\n *\n *   return (\n *     <TimePicker\n *       currentTime={ date }\n *       onChange={ ( newTime ) => setTime( newTime ) }\n *       is12Hour\n *     />\n *   );\n * };\n * ```\n */\nexport function TimePicker( {\n\tis12Hour,\n\tcurrentTime,\n\tonChange,\n}: TimePickerProps ) {\n\tconst [ date, setDate ] = useState( () =>\n\t\t// Truncate the date at the minutes, see: #15495.\n\t\tcurrentTime ? startOfMinute( inputToDate( currentTime ) ) : new Date()\n\t);\n\n\t// Reset the state when currentTime changed.\n\t// TODO: useEffect() shouldn't be used like this, causes an unnecessary render\n\tuseEffect( () => {\n\t\tsetDate(\n\t\t\tcurrentTime\n\t\t\t\t? startOfMinute( inputToDate( currentTime ) )\n\t\t\t\t: new Date()\n\t\t);\n\t}, [ currentTime ] );\n\n\tconst { day, month, year, minutes, hours, am } = useMemo(\n\t\t() => ( {\n\t\t\tday: format( date, 'dd' ),\n\t\t\tmonth: format( date, 'MM' ),\n\t\t\tyear: format( date, 'yyyy' ),\n\t\t\tminutes: format( date, 'mm' ),\n\t\t\thours: format( date, is12Hour ? 'hh' : 'HH' ),\n\t\t\tam: format( date, 'a' ),\n\t\t} ),\n\t\t[ date, is12Hour ]\n\t);\n\n\tconst buildNumberControlChangeCallback = (\n\t\tmethod: 'hours' | 'minutes' | 'date' | 'year'\n\t) => {\n\t\tconst callback: InputChangeCallback = ( value, { event } ) => {\n\t\t\tif ( ! ( event.target instanceof HTMLInputElement ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( ! event.target.validity.valid ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// We can safely assume value is a number if target is valid.\n\t\t\tlet numberValue = Number( value );\n\n\t\t\t// If the 12-hour format is being used and the 'PM' period is\n\t\t\t// selected, then the incoming value (which ranges 1-12) should be\n\t\t\t// increased by 12 to match the expected 24-hour format.\n\t\t\tif ( method === 'hours' && is12Hour ) {\n\t\t\t\tnumberValue = from12hTo24h( numberValue, am === 'PM' );\n\t\t\t}\n\n\t\t\tconst newDate = set( date, { [ method ]: numberValue } );\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t\treturn callback;\n\t};\n\n\tfunction buildAmPmChangeCallback( value: 'AM' | 'PM' ) {\n\t\treturn () => {\n\t\t\tif ( am === value ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst parsedHours = parseInt( hours, 10 );\n\n\t\t\tconst newDate = setHours(\n\t\t\t\tdate,\n\t\t\t\tfrom12hTo24h( parsedHours, value === 'PM' )\n\t\t\t);\n\t\t\tsetDate( newDate );\n\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t};\n\t}\n\n\tconst dayField = (\n\t\t<DayInput\n\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-day\" // Unused, for backwards compatibility.\n\t\t\tlabel={ __( 'Day' ) }\n\t\t\thideLabelFromVision\n\t\t\t__next36pxDefaultSize\n\t\t\tvalue={ day }\n\t\t\tstep={ 1 }\n\t\t\tmin={ 1 }\n\t\t\tmax={ 31 }\n\t\t\trequired\n\t\t\tspinControls=\"none\"\n\t\t\tisPressEnterToChange\n\t\t\tisDragEnabled={ false }\n\t\t\tisShiftStepEnabled={ false }\n\t\t\tonChange={ buildNumberControlChangeCallback( 'date' ) }\n\t\t/>\n\t);\n\n\tconst monthField = (\n\t\t<MonthSelectWrapper>\n\t\t\t<MonthSelect\n\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-month\" // Unused, for backwards compatibility.\n\t\t\t\tlabel={ __( 'Month' ) }\n\t\t\t\thideLabelFromVision\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ month }\n\t\t\t\toptions={ [\n\t\t\t\t\t{ value: '01', label: __( 'January' ) },\n\t\t\t\t\t{ value: '02', label: __( 'February' ) },\n\t\t\t\t\t{ value: '03', label: __( 'March' ) },\n\t\t\t\t\t{ value: '04', label: __( 'April' ) },\n\t\t\t\t\t{ value: '05', label: __( 'May' ) },\n\t\t\t\t\t{ value: '06', label: __( 'June' ) },\n\t\t\t\t\t{ value: '07', label: __( 'July' ) },\n\t\t\t\t\t{ value: '08', label: __( 'August' ) },\n\t\t\t\t\t{ value: '09', label: __( 'September' ) },\n\t\t\t\t\t{ value: '10', label: __( 'October' ) },\n\t\t\t\t\t{ value: '11', label: __( 'November' ) },\n\t\t\t\t\t{ value: '12', label: __( 'December' ) },\n\t\t\t\t] }\n\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\tconst newDate = setMonth( date, Number( value ) - 1 );\n\t\t\t\t\tsetDate( newDate );\n\t\t\t\t\tonChange?.( format( newDate, TIMEZONELESS_FORMAT ) );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</MonthSelectWrapper>\n\t);\n\n\treturn (\n\t\t<Wrapper\n\t\t\tclassName=\"components-datetime__time\" // Unused, for backwards compatibility.\n\t\t>\n\t\t\t<Fieldset>\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Time' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t<TimeWrapper\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-time\" // Unused, for backwards compatibility.\n\t\t\t\t\t>\n\t\t\t\t\t\t<HoursInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-hours-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Hours' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ hours }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ is12Hour ? 1 : 0 }\n\t\t\t\t\t\t\tmax={ is12Hour ? 12 : 23 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'hours'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<TimeSeparator\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-separator\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t:\n\t\t\t\t\t\t</TimeSeparator>\n\t\t\t\t\t\t<MinutesInput\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field-minutes-input\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\tlabel={ __( 'Minutes' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\t\tvalue={ minutes }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 59 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback(\n\t\t\t\t\t\t\t\t'minutes'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t\t2\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</TimeWrapper>\n\t\t\t\t\t{ is12Hour && (\n\t\t\t\t\t\t<ButtonGroup\n\t\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-am-pm\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-am-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'AM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'AM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'AM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"components-datetime__time-pm-button\" // Unused, for backwards compatibility.\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tam === 'PM' ? 'primary' : 'secondary'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={ buildAmPmChangeCallback( 'PM' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'PM' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<Spacer />\n\t\t\t\t\t<TimeZone />\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t\t<Fieldset>\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"components-datetime__time-legend\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Date' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"components-datetime__time-wrapper\" // Unused, for backwards compatibility.\n\t\t\t\t>\n\t\t\t\t\t{ is12Hour ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ dayField }\n\t\t\t\t\t\t\t{ monthField }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t\t<YearInput\n\t\t\t\t\t\tclassName=\"components-datetime__time-field components-datetime__time-field-year\" // Unused, for backwards compatibility.\n\t\t\t\t\t\tlabel={ __( 'Year' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t__next36pxDefaultSize\n\t\t\t\t\t\tvalue={ year }\n\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\tmax={ 9999 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\tspinControls=\"none\"\n\t\t\t\t\t\tisPressEnterToChange\n\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\tisShiftStepEnabled={ false }\n\t\t\t\t\t\tonChange={ buildNumberControlChangeCallback( 'year' ) }\n\t\t\t\t\t\t__unstableStateReducer={ buildPadInputStateReducer(\n\t\t\t\t\t\t\t4\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t</Fieldset>\n\t\t</Wrapper>\n\t);\n}\n\nexport default TimePicker;\n"],"mappings":"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"}

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

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.YearInput = exports.Wrapper = exports.TimeZone = exports.TimeWrapper = exports.TimeSeparator = exports.MonthSelectWrapper = exports.MonthSelect = exports.MinutesInput = exports.HoursInput = exports.Fieldset = exports.DayInput = void 0;
-
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
-
 var _react = require("@emotion/react");
-
 var _utils = require("../../utils");
-
 var _space = require("../../ui/utils/space");
-
 var _inputControlStyles = require("../../input-control/styles/input-control-styles");
-
 var _numberControl = _interopRequireDefault(require("../../number-control"));
-
 var _selectControl = _interopRequireDefault(require("../../select-control"));
-
 var _selectControlStyles = require("../../select-control/styles/select-control-styles");
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-
 const Wrapper = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "evcr23110"
 } : {
@@ -74,9 +63,10 @@ const MinutesInput = ( /*#__PURE__*/0, _base.default)(_numberControl.default, pr
 } : {
   target: "evcr2315",
   label: "MinutesInput"
-})(baseInput, " width:", (0, _space.space)(9), ";&&& ", _inputControlStyles.Input, "{padding-left:0;}&&& ", _inputControlStyles.BackdropUI, "{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFbUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgTW9udGhTZWxlY3QgPSBzdHlsZWQoIFNlbGVjdENvbnRyb2wgKWBcblx0aGVpZ2h0OiAzNnB4O1xuXG5cdCR7IFNlbGVjdCB9IHtcblx0XHRsaW5lLWhlaWdodDogMzBweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUlucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBZZWFySW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDE0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lWm9uZSA9IHN0eWxlZC5kaXZgXG5cdHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lIGRvdHRlZDtcbmA7XG4iXX0= */")); // Ideally we wouldn't need a wrapper, but can't otherwise target the
-// <BaseControl> in <SelectControl>
+})(baseInput, " width:", (0, _space.space)(9), ";&&& ", _inputControlStyles.Input, "{padding-left:0;}&&& ", _inputControlStyles.BackdropUI, "{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvZGF0ZS10aW1lL3RpbWUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFbUQiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9kYXRlLXRpbWUvdGltZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTE9SUywgQ09ORklHIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgc3BhY2UgfSBmcm9tICcuLi8uLi91aS91dGlscy9zcGFjZSc7XG5pbXBvcnQge1xuXHRJbnB1dCxcblx0QmFja2Ryb3BVSSxcbn0gZnJvbSAnLi4vLi4vaW5wdXQtY29udHJvbC9zdHlsZXMvaW5wdXQtY29udHJvbC1zdHlsZXMnO1xuaW1wb3J0IE51bWJlckNvbnRyb2wgZnJvbSAnLi4vLi4vbnVtYmVyLWNvbnRyb2wnO1xuaW1wb3J0IFNlbGVjdENvbnRyb2wgZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wnO1xuaW1wb3J0IHsgU2VsZWN0IH0gZnJvbSAnLi4vLi4vc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcblx0Ym94LXNpemluZzogYm9yZGVyLWJveDtcblx0Zm9udC1zaXplOiAkeyBDT05GSUcuZm9udFNpemUgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZHNldCA9IHN0eWxlZC5maWVsZHNldGBcblx0Ym9yZGVyOiAwO1xuXHRtYXJnaW46IDAgMCAkeyBzcGFjZSggMiAqIDIgKSB9IDA7XG5cdHBhZGRpbmc6IDA7XG5cblx0JjpsYXN0LWNoaWxkIHtcblx0XHRtYXJnaW4tYm90dG9tOiAwO1xuXHR9XG5gO1xuXG5leHBvcnQgY29uc3QgVGltZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXJlY3Rpb246IGx0cjtcblx0ZGlzcGxheTogZmxleDtcbmA7XG5cbmNvbnN0IGJhc2VJbnB1dCA9IGNzc2Bcblx0JiYmICR7IElucHV0IH0ge1xuXHRcdHBhZGRpbmctbGVmdDogJHsgc3BhY2UoIDIgKSB9O1xuXHRcdHBhZGRpbmctcmlnaHQ6ICR7IHNwYWNlKCAyICkgfTtcblx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdH1cbmA7XG5cbmV4cG9ydCBjb25zdCBIb3Vyc0lucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcblxuXHQmJiYgJHsgSW5wdXQgfSB7XG5cdFx0cGFkZGluZy1yaWdodDogMDtcblx0fVxuXG5cdCYmJiAkeyBCYWNrZHJvcFVJIH0ge1xuXHRcdGJvcmRlci1yaWdodDogMDtcblx0XHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcblx0XHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IFRpbWVTZXBhcmF0b3IgPSBzdHlsZWQuc3BhbmBcblx0Ym9yZGVyLXRvcDogJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gc29saWQgJHsgQ09MT1JTLmdyYXlbIDcwMCBdIH07XG5cdGJvcmRlci1ib3R0b206ICR7IENPTkZJRy5ib3JkZXJXaWR0aCB9IHNvbGlkICR7IENPTE9SUy5ncmF5WyA3MDAgXSB9O1xuXHRsaW5lLWhlaWdodDogY2FsYyhcblx0XHQkeyBDT05GSUcuY29udHJvbEhlaWdodCB9IC0gJHsgQ09ORklHLmJvcmRlcldpZHRoIH0gKiAyXG5cdCk7XG5cdGRpc3BsYXk6IGlubGluZS1ibG9jaztcbmA7XG5cbmV4cG9ydCBjb25zdCBNaW51dGVzSW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDkgKSB9O1xuXG5cdCYmJiAkeyBJbnB1dCB9IHtcblx0XHRwYWRkaW5nLWxlZnQ6IDA7XG5cdH1cblxuXHQmJiYgJHsgQmFja2Ryb3BVSSB9IHtcblx0XHRib3JkZXItbGVmdDogMDtcblx0XHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuXHRcdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7XG5cdH1cbmA7XG5cbi8vIElkZWFsbHkgd2Ugd291bGRuJ3QgbmVlZCBhIHdyYXBwZXIsIGJ1dCBjYW4ndCBvdGhlcndpc2UgdGFyZ2V0IHRoZVxuLy8gPEJhc2VDb250cm9sPiBpbiA8U2VsZWN0Q29udHJvbD5cbmV4cG9ydCBjb25zdCBNb250aFNlbGVjdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgTW9udGhTZWxlY3QgPSBzdHlsZWQoIFNlbGVjdENvbnRyb2wgKWBcblx0aGVpZ2h0OiAzNnB4O1xuXG5cdCR7IFNlbGVjdCB9IHtcblx0XHRsaW5lLWhlaWdodDogMzBweDtcblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERheUlucHV0ID0gc3R5bGVkKCBOdW1iZXJDb250cm9sIClgXG5cdCR7IGJhc2VJbnB1dCB9XG5cblx0d2lkdGg6ICR7IHNwYWNlKCA5ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBZZWFySW5wdXQgPSBzdHlsZWQoIE51bWJlckNvbnRyb2wgKWBcblx0JHsgYmFzZUlucHV0IH1cblxuXHR3aWR0aDogJHsgc3BhY2UoIDE0ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaW1lWm9uZSA9IHN0eWxlZC5kaXZgXG5cdHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lIGRvdHRlZDtcbmA7XG4iXX0= */"));
 
+// Ideally we wouldn't need a wrapper, but can't otherwise target the
+// <BaseControl> in <SelectControl>
 exports.MinutesInput = MinutesInput;
 const MonthSelectWrapper = (0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "evcr2314"

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/time/styles.ts"],"names":["Wrapper","CONFIG","fontSize","Fieldset","TimeWrapper","baseInput","css","Input","HoursInput","NumberControl","BackdropUI","TimeSeparator","borderWidth","COLORS","gray","controlHeight","MinutesInput","MonthSelectWrapper","MonthSelect","SelectControl","Select","DayInput","YearInput","TimeZone"],"mappings":";;;;;;;;;;;AAIA;;AAKA;;AACA;;AACA;;AAIA;;AACA;;AACA;;;;AAEO,MAAMA,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,uCAELC,cAAOC,QAFF,imHAAb;;AAKA,MAAMC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,2BAEL,kBAAO,IAAI,CAAX,CAFK,2oHAAd;;AAUA,MAAMC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAjB;;AAKP,MAAMC,SAAS,oBAAGC,UAAH,UACPC,yBADO,oBAEI,kBAAO,CAAP,CAFJ,qBAGK,kBAAO,CAAP,CAHL,srHAAf;AAQO,MAAMC,UAAU,GAAG,iCAAQC,sBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACnBJ,SADmB,aAGZ,kBAAO,CAAP,CAHY,WAKfE,yBALe,4BASfG,8BATe,wqHAAhB;;AAgBA,MAAMC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,kBACVV,cAAOW,WADG,aACoBC,cAAOC,IAAP,CAAa,GAAb,CADpB,qBAEPb,cAAOW,WAFA,aAEuBC,cAAOC,IAAP,CAAa,GAAb,CAFvB,8BAIrBb,cAAOc,aAJc,SAIOd,cAAOW,WAJd,+nHAAnB;;AASA,MAAMI,YAAY,GAAG,iCAAQP,sBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACrBJ,SADqB,aAGd,kBAAO,CAAP,CAHc,WAKjBE,yBALiB,2BASjBG,8BATiB,qqHAAlB,C,CAgBP;AACA;;;AACO,MAAMO,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAxB;;AAIA,MAAMC,WAAW,GAAG,iCAAQC,sBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,iBAGpBC,2BAHoB,mnHAAjB;;AAQA,MAAMC,QAAQ,GAAG,iCAAQZ,sBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACjBJ,SADiB,aAGV,kBAAO,CAAP,CAHU,imHAAd;;AAMA,MAAMiB,SAAS,GAAG,iCAAQb,sBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CAClBJ,SADkB,aAGX,kBAAO,EAAP,CAHW,imHAAf;;AAMA,MAAMkB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAd","sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../../utils';\nimport { space } from '../../ui/utils/space';\nimport {\n\tInput,\n\tBackdropUI,\n} from '../../input-control/styles/input-control-styles';\nimport NumberControl from '../../number-control';\nimport SelectControl from '../../select-control';\nimport { Select } from '../../select-control/styles/select-control-styles';\n\nexport const Wrapper = styled.div`\n\tbox-sizing: border-box;\n\tfont-size: ${ CONFIG.fontSize };\n`;\n\nexport const Fieldset = styled.fieldset`\n\tborder: 0;\n\tmargin: 0 0 ${ space( 2 * 2 ) } 0;\n\tpadding: 0;\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nexport const TimeWrapper = styled.div`\n\tdirection: ltr;\n\tdisplay: flex;\n`;\n\nconst baseInput = css`\n\t&&& ${ Input } {\n\t\tpadding-left: ${ space( 2 ) };\n\t\tpadding-right: ${ space( 2 ) };\n\t\ttext-align: center;\n\t}\n`;\n\nexport const HoursInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n\n\t&&& ${ Input } {\n\t\tpadding-right: 0;\n\t}\n\n\t&&& ${ BackdropUI } {\n\t\tborder-right: 0;\n\t\tborder-top-right-radius: 0;\n\t\tborder-bottom-right-radius: 0;\n\t}\n`;\n\nexport const TimeSeparator = styled.span`\n\tborder-top: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 700 ] };\n\tborder-bottom: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 700 ] };\n\tline-height: calc(\n\t\t${ CONFIG.controlHeight } - ${ CONFIG.borderWidth } * 2\n\t);\n\tdisplay: inline-block;\n`;\n\nexport const MinutesInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n\n\t&&& ${ Input } {\n\t\tpadding-left: 0;\n\t}\n\n\t&&& ${ BackdropUI } {\n\t\tborder-left: 0;\n\t\tborder-top-left-radius: 0;\n\t\tborder-bottom-left-radius: 0;\n\t}\n`;\n\n// Ideally we wouldn't need a wrapper, but can't otherwise target the\n// <BaseControl> in <SelectControl>\nexport const MonthSelectWrapper = styled.div`\n\tflex-grow: 1;\n`;\n\nexport const MonthSelect = styled( SelectControl )`\n\theight: 36px;\n\n\t${ Select } {\n\t\tline-height: 30px;\n\t}\n`;\n\nexport const DayInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n`;\n\nexport const YearInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 14 ) };\n`;\n\nexport const TimeZone = styled.div`\n\ttext-decoration: underline dotted;\n`;\n"]}
+{"version":3,"names":["_react","require","_utils","_space","_inputControlStyles","_numberControl","_interopRequireDefault","_selectControl","_selectControlStyles","_EMOTION_STRINGIFIED_CSS_ERROR__","Wrapper","_base","default","process","env","NODE_ENV","target","label","CONFIG","fontSize","exports","Fieldset","space","TimeWrapper","name","styles","map","toString","baseInput","css","Input","HoursInput","NumberControl","BackdropUI","TimeSeparator","borderWidth","COLORS","gray","controlHeight","MinutesInput","MonthSelectWrapper","MonthSelect","SelectControl","Select","DayInput","YearInput","TimeZone"],"sources":["@wordpress/components/src/date-time/time/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../../utils';\nimport { space } from '../../ui/utils/space';\nimport {\n\tInput,\n\tBackdropUI,\n} from '../../input-control/styles/input-control-styles';\nimport NumberControl from '../../number-control';\nimport SelectControl from '../../select-control';\nimport { Select } from '../../select-control/styles/select-control-styles';\n\nexport const Wrapper = styled.div`\n\tbox-sizing: border-box;\n\tfont-size: ${ CONFIG.fontSize };\n`;\n\nexport const Fieldset = styled.fieldset`\n\tborder: 0;\n\tmargin: 0 0 ${ space( 2 * 2 ) } 0;\n\tpadding: 0;\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n`;\n\nexport const TimeWrapper = styled.div`\n\tdirection: ltr;\n\tdisplay: flex;\n`;\n\nconst baseInput = css`\n\t&&& ${ Input } {\n\t\tpadding-left: ${ space( 2 ) };\n\t\tpadding-right: ${ space( 2 ) };\n\t\ttext-align: center;\n\t}\n`;\n\nexport const HoursInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n\n\t&&& ${ Input } {\n\t\tpadding-right: 0;\n\t}\n\n\t&&& ${ BackdropUI } {\n\t\tborder-right: 0;\n\t\tborder-top-right-radius: 0;\n\t\tborder-bottom-right-radius: 0;\n\t}\n`;\n\nexport const TimeSeparator = styled.span`\n\tborder-top: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 700 ] };\n\tborder-bottom: ${ CONFIG.borderWidth } solid ${ COLORS.gray[ 700 ] };\n\tline-height: calc(\n\t\t${ CONFIG.controlHeight } - ${ CONFIG.borderWidth } * 2\n\t);\n\tdisplay: inline-block;\n`;\n\nexport const MinutesInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n\n\t&&& ${ Input } {\n\t\tpadding-left: 0;\n\t}\n\n\t&&& ${ BackdropUI } {\n\t\tborder-left: 0;\n\t\tborder-top-left-radius: 0;\n\t\tborder-bottom-left-radius: 0;\n\t}\n`;\n\n// Ideally we wouldn't need a wrapper, but can't otherwise target the\n// <BaseControl> in <SelectControl>\nexport const MonthSelectWrapper = styled.div`\n\tflex-grow: 1;\n`;\n\nexport const MonthSelect = styled( SelectControl )`\n\theight: 36px;\n\n\t${ Select } {\n\t\tline-height: 30px;\n\t}\n`;\n\nexport const DayInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 9 ) };\n`;\n\nexport const YearInput = styled( NumberControl )`\n\t${ baseInput }\n\n\twidth: ${ space( 14 ) };\n`;\n\nexport const TimeZone = styled.div`\n\ttext-decoration: underline dotted;\n`;\n"],"mappings":"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"}

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _date = require("@wordpress/date");
-
 var _tooltip = _interopRequireDefault(require("../../tooltip"));
-
 var _styles = require("./styles");
-
 /**
  * WordPress dependencies
  */
@@ -32,15 +25,16 @@ var _styles = require("./styles");
 const TimeZone = () => {
   const {
     timezone
-  } = (0, _date.getSettings)(); // Convert timezone offset to hours.
+  } = (0, _date.getSettings)();
 
-  const userTimezoneOffset = -1 * (new Date().getTimezoneOffset() / 60); // System timezone and user timezone match, nothing needed.
-  // Compare as numbers because it comes over as string.
+  // Convert timezone offset to hours.
+  const userTimezoneOffset = -1 * (new Date().getTimezoneOffset() / 60);
 
+  // System timezone and user timezone match, nothing needed.
+  // Compare as numbers because it comes over as string.
   if (Number(timezone.offset) === userTimezoneOffset) {
     return null;
   }
-
   const offsetSymbol = Number(timezone.offset) >= 0 ? '+' : '';
   const zoneAbbr = '' !== timezone.abbr && isNaN(Number(timezone.abbr)) ? timezone.abbr : `UTC${offsetSymbol}${timezone.offset}`;
   const timezoneDetail = 'UTC' === timezone.string ? (0, _i18n.__)('Coordinated Universal Time') : `(${zoneAbbr}) ${timezone.string.replace('_', ' ')}`;
@@ -51,7 +45,6 @@ const TimeZone = () => {
     className: "components-datetime__timezone"
   }, zoneAbbr));
 };
-
 var _default = TimeZone;
 exports.default = _default;
 //# sourceMappingURL=timezone.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/time/timezone.tsx"],"names":["TimeZone","timezone","userTimezoneOffset","Date","getTimezoneOffset","Number","offset","offsetSymbol","zoneAbbr","abbr","isNaN","timezoneDetail","string","replace"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA,MAAMA,QAAQ,GAAG,MAAM;AACtB,QAAM;AAAEC,IAAAA;AAAF,MAAe,wBAArB,CADsB,CAGtB;;AACA,QAAMC,kBAAkB,GAAG,CAAC,CAAD,IAAO,IAAIC,IAAJ,GAAWC,iBAAX,KAAiC,EAAxC,CAA3B,CAJsB,CAMtB;AACA;;AACA,MAAKC,MAAM,CAAEJ,QAAQ,CAACK,MAAX,CAAN,KAA8BJ,kBAAnC,EAAwD;AACvD,WAAO,IAAP;AACA;;AAED,QAAMK,YAAY,GAAGF,MAAM,CAAEJ,QAAQ,CAACK,MAAX,CAAN,IAA6B,CAA7B,GAAiC,GAAjC,GAAuC,EAA5D;AACA,QAAME,QAAQ,GACb,OAAOP,QAAQ,CAACQ,IAAhB,IAAwBC,KAAK,CAAEL,MAAM,CAAEJ,QAAQ,CAACQ,IAAX,CAAR,CAA7B,GACGR,QAAQ,CAACQ,IADZ,GAEI,MAAMF,YAAc,GAAGN,QAAQ,CAACK,MAAQ,EAH7C;AAKA,QAAMK,cAAc,GACnB,UAAUV,QAAQ,CAACW,MAAnB,GACG,cAAI,4BAAJ,CADH,GAEI,IAAIJ,QAAU,KAAKP,QAAQ,CAACW,MAAT,CAAgBC,OAAhB,CAAyB,GAAzB,EAA8B,GAA9B,CAAqC,EAH7D;AAKA,SACC,4BAAC,gBAAD;AAAS,IAAA,QAAQ,EAAC,YAAlB;AAA+B,IAAA,IAAI,EAAGF;AAAtC,KACC,4BAAC,gBAAD;AAAiB,IAAA,SAAS,EAAC;AAA3B,KACGH,QADH,CADD,CADD;AAOA,CA9BD;;eAgCeR,Q","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSettings as getDateSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport Tooltip from '../../tooltip';\nimport { TimeZone as StyledComponent } from './styles';\n\n/**\n * Displays timezone information when user timezone is different from site\n * timezone.\n */\nconst TimeZone = () => {\n\tconst { timezone } = getDateSettings();\n\n\t// Convert timezone offset to hours.\n\tconst userTimezoneOffset = -1 * ( new Date().getTimezoneOffset() / 60 );\n\n\t// System timezone and user timezone match, nothing needed.\n\t// Compare as numbers because it comes over as string.\n\tif ( Number( timezone.offset ) === userTimezoneOffset ) {\n\t\treturn null;\n\t}\n\n\tconst offsetSymbol = Number( timezone.offset ) >= 0 ? '+' : '';\n\tconst zoneAbbr =\n\t\t'' !== timezone.abbr && isNaN( Number( timezone.abbr ) )\n\t\t\t? timezone.abbr\n\t\t\t: `UTC${ offsetSymbol }${ timezone.offset }`;\n\n\tconst timezoneDetail =\n\t\t'UTC' === timezone.string\n\t\t\t? __( 'Coordinated Universal Time' )\n\t\t\t: `(${ zoneAbbr }) ${ timezone.string.replace( '_', ' ' ) }`;\n\n\treturn (\n\t\t<Tooltip position=\"top center\" text={ timezoneDetail }>\n\t\t\t<StyledComponent className=\"components-datetime__timezone\">\n\t\t\t\t{ zoneAbbr }\n\t\t\t</StyledComponent>\n\t\t</Tooltip>\n\t);\n};\n\nexport default TimeZone;\n"]}
+{"version":3,"names":["_i18n","require","_date","_tooltip","_interopRequireDefault","_styles","TimeZone","timezone","getDateSettings","userTimezoneOffset","Date","getTimezoneOffset","Number","offset","offsetSymbol","zoneAbbr","abbr","isNaN","timezoneDetail","string","__","replace","_element","createElement","default","position","text","className","_default","exports"],"sources":["@wordpress/components/src/date-time/time/timezone.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { getSettings as getDateSettings } from '@wordpress/date';\n\n/**\n * Internal dependencies\n */\nimport Tooltip from '../../tooltip';\nimport { TimeZone as StyledComponent } from './styles';\n\n/**\n * Displays timezone information when user timezone is different from site\n * timezone.\n */\nconst TimeZone = () => {\n\tconst { timezone } = getDateSettings();\n\n\t// Convert timezone offset to hours.\n\tconst userTimezoneOffset = -1 * ( new Date().getTimezoneOffset() / 60 );\n\n\t// System timezone and user timezone match, nothing needed.\n\t// Compare as numbers because it comes over as string.\n\tif ( Number( timezone.offset ) === userTimezoneOffset ) {\n\t\treturn null;\n\t}\n\n\tconst offsetSymbol = Number( timezone.offset ) >= 0 ? '+' : '';\n\tconst zoneAbbr =\n\t\t'' !== timezone.abbr && isNaN( Number( timezone.abbr ) )\n\t\t\t? timezone.abbr\n\t\t\t: `UTC${ offsetSymbol }${ timezone.offset }`;\n\n\tconst timezoneDetail =\n\t\t'UTC' === timezone.string\n\t\t\t? __( 'Coordinated Universal Time' )\n\t\t\t: `(${ zoneAbbr }) ${ timezone.string.replace( '_', ' ' ) }`;\n\n\treturn (\n\t\t<Tooltip position=\"top center\" text={ timezoneDetail }>\n\t\t\t<StyledComponent className=\"components-datetime__timezone\">\n\t\t\t\t{ zoneAbbr }\n\t\t\t</StyledComponent>\n\t\t</Tooltip>\n\t);\n};\n\nexport default TimeZone;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AACA;AACA,MAAMK,QAAQ,GAAGA,CAAA,KAAM;EACtB,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iBAAe,EAAC,CAAC;;EAEtC;EACA,MAAMC,kBAAkB,GAAG,CAAC,CAAC,IAAK,IAAIC,IAAI,CAAC,CAAC,CAACC,iBAAiB,CAAC,CAAC,GAAG,EAAE,CAAE;;EAEvE;EACA;EACA,IAAKC,MAAM,CAAEL,QAAQ,CAACM,MAAO,CAAC,KAAKJ,kBAAkB,EAAG;IACvD,OAAO,IAAI;EACZ;EAEA,MAAMK,YAAY,GAAGF,MAAM,CAAEL,QAAQ,CAACM,MAAO,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,EAAE;EAC9D,MAAME,QAAQ,GACb,EAAE,KAAKR,QAAQ,CAACS,IAAI,IAAIC,KAAK,CAAEL,MAAM,CAAEL,QAAQ,CAACS,IAAK,CAAE,CAAC,GACrDT,QAAQ,CAACS,IAAI,GACZ,MAAMF,YAAc,GAAGP,QAAQ,CAACM,MAAQ,EAAC;EAE9C,MAAMK,cAAc,GACnB,KAAK,KAAKX,QAAQ,CAACY,MAAM,GACtB,IAAAC,QAAE,EAAE,4BAA6B,CAAC,GACjC,IAAIL,QAAU,KAAKR,QAAQ,CAACY,MAAM,CAACE,OAAO,CAAE,GAAG,EAAE,GAAI,CAAG,EAAC;EAE9D,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACpB,QAAA,CAAAqB,OAAO;IAACC,QAAQ,EAAC,YAAY;IAACC,IAAI,EAAGR;EAAgB,GACrD,IAAAI,QAAA,CAAAC,aAAA,EAAClB,OAAA,CAAAC,QAAe;IAACqB,SAAS,EAAC;EAA+B,GACvDZ,QACc,CACT,CAAC;AAEZ,CAAC;AAAC,IAAAa,QAAA,GAEatB,QAAQ;AAAAuB,OAAA,CAAAL,OAAA,GAAAI,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/date-time/types.ts"],"sourcesContent":["export type TimePickerProps = {\n\t/**\n\t * The initial current time the time picker should render.\n\t */\n\tcurrentTime?: Date | string | number | null;\n\n\t/**\n\t * Whether we use a 12-hour clock. With a 12-hour clock, an AM/PM widget is\n\t * displayed and the time format is assumed to be `MM-DD-YYYY` (as opposed\n\t * to the default format `DD-MM-YYYY`).\n\t */\n\tis12Hour?: boolean;\n\n\t/**\n\t * The function called when a new time has been selected. It is passed the\n\t * time as an argument.\n\t */\n\tonChange?: ( time: string ) => void;\n};\n\nexport type DatePickerEvent = {\n\t/**\n\t * The date of the event.\n\t */\n\tdate: Date;\n};\n\nexport type DatePickerProps = {\n\t/**\n\t * The current date and time at initialization. Optionally pass in a `null`\n\t * value to specify no date is currently selected.\n\t */\n\tcurrentDate?: Date | string | number | null;\n\n\t/**\n\t * The function called when a new date has been selected. It is passed the\n\t * date as an argument.\n\t */\n\tonChange?: ( date: string ) => void;\n\n\t/**\n\t * A callback function which receives a Date object representing a day as an\n\t * argument, and should return a Boolean to signify if the day is valid or\n\t * not.\n\t */\n\tisInvalidDate?: ( date: Date ) => boolean;\n\n\t/**\n\t * A callback invoked when selecting the previous/next month in the date\n\t * picker. The callback receives the new month date in the ISO format as an\n\t * argument.\n\t */\n\tonMonthPreviewed?: ( date: string ) => void;\n\n\t/**\n\t * List of events to show in the date picker. Each event will appear as a\n\t * dot on the day of the event.\n\t */\n\tevents?: DatePickerEvent[];\n\n\t/**\n\t * The day that the week should start on. 0 for Sunday, 1 for Monday, etc.\n\t *\n\t * @default 0\n\t */\n\tstartOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n};\n\nexport type DateTimePickerProps = Omit< DatePickerProps, 'onChange' > &\n\tOmit< TimePickerProps, 'currentTime' | 'onChange' > & {\n\t\t/**\n\t\t * The function called when a new date or time has been selected. It is\n\t\t * passed the date and time as an argument.\n\t\t */\n\t\tonChange?: ( date: string | null ) => void;\n\t};\n"],"mappings":""}

package/build/date-time/utils.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.inputToDate = inputToDate;
-
 var _dateFns = require("date-fns");
-
 /**
  * External dependencies
  */
@@ -21,7 +19,6 @@ function inputToDate(input) {
   if (typeof input === 'string') {
     return new Date(input);
   }
-
   return (0, _dateFns.toDate)(input);
 }
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/date-time/utils.ts"],"names":["inputToDate","input","Date"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAT,CAAsBC,KAAtB,EAA4D;AAClE,MAAK,OAAOA,KAAP,KAAiB,QAAtB,EAAiC;AAChC,WAAO,IAAIC,IAAJ,CAAUD,KAAV,CAAP;AACA;;AACD,SAAO,qBAAQA,KAAR,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { toDate } from 'date-fns';\n\n/**\n * Like date-fn's toDate, but tries to guess the format when a string is\n * given.\n *\n * @param input Value to turn into a date.\n */\nexport function inputToDate( input: Date | string | number ): Date {\n\tif ( typeof input === 'string' ) {\n\t\treturn new Date( input );\n\t}\n\treturn toDate( input );\n}\n"]}
+{"version":3,"names":["_dateFns","require","inputToDate","input","Date","toDate"],"sources":["@wordpress/components/src/date-time/utils.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { toDate } from 'date-fns';\n\n/**\n * Like date-fn's toDate, but tries to guess the format when a string is\n * given.\n *\n * @param input Value to turn into a date.\n */\nexport function inputToDate( input: Date | string | number ): Date {\n\tif ( typeof input === 'string' ) {\n\t\treturn new Date( input );\n\t}\n\treturn toDate( input );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAAEC,KAA6B,EAAS;EAClE,IAAK,OAAOA,KAAK,KAAK,QAAQ,EAAG;IAChC,OAAO,IAAIC,IAAI,CAAED,KAAM,CAAC;EACzB;EACA,OAAO,IAAAE,eAAM,EAAEF,KAAM,CAAC;AACvB"}