@wordpress/components 27.5.0 → 28.0.0

package/build/custom-select-control-v2/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_react2","_utils","_space","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","ITEM_PADDING","space","WithHintWrapper","exports","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","SelectedExperimentalHintItem","COLORS","theme","gray","ExperimentalHintItem","SelectLabel","Select","shouldForwardProp","prop","size","hasCustomRenderProp","heightProperty","getSize","sizes","compact","paddingInlineStart","paddingInlineEnd","small","fontSize","css","background","ui","border","CONFIG","accent","SelectPopover","foreground","SelectItem","SelectedItemCheck","SelectItemCheck"],"sources":["@wordpress/components/src/custom-select-control-v2/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nimport { space } from '../utils/space';\nimport type { CustomSelectButtonProps } from './types';\n\nconst ITEM_PADDING = space( 2 );\n\nexport const WithHintWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex: 1;\n`;\n\nexport const SelectedExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\tmargin-inline-start: ${ space( 2 ) };\n`;\n\nexport const ExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\ttext-align: right;\n\tmargin-inline-end: ${ space( 1 ) };\n`;\n\nexport const SelectLabel = styled( Ariakit.SelectLabel )`\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tmargin-bottom: ${ space( 2 ) };\n`;\n\nexport const Select = styled( Ariakit.Select, {\n\t// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component\n\tshouldForwardProp: ( prop ) => prop !== 'hasCustomRenderProp',\n} )( ( {\n\tsize,\n\thasCustomRenderProp,\n}: {\n\tsize: NonNullable< CustomSelectButtonProps[ 'size' ] >;\n\thasCustomRenderProp: boolean;\n} ) => {\n\tconst heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';\n\n\tconst getSize = () => {\n\t\tconst sizes = {\n\t\t\tcompact: {\n\t\t\t\t[ heightProperty ]: 32,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t},\n\t\t\tdefault: {\n\t\t\t\t[ heightProperty ]: 40,\n\t\t\t\tpaddingInlineStart: space( 4 ),\n\t\t\t\tpaddingInlineEnd: space( 3 ),\n\t\t\t},\n\t\t\tsmall: {\n\t\t\t\t[ heightProperty ]: 24,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t\tfontSize: 11,\n\t\t\t},\n\t\t};\n\n\t\treturn sizes[ size ] || sizes.default;\n\t};\n\n\treturn css`\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tbackground-color: ${ COLORS.theme.background };\n\t\tborder: 1px solid ${ COLORS.ui.border };\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tfont-size: ${ CONFIG.fontSize };\n\t\twidth: 100%;\n\t\t&[data-focus-visible] {\n\t\t\toutline-style: solid;\n\t\t}\n\t\t&[aria-expanded='true'] {\n\t\t\toutline: 1.5px solid ${ COLORS.theme.accent };\n\t\t}\n\t\t${ getSize() }\n\t`;\n} );\n\nexport const SelectPopover = styled( Ariakit.SelectPopover )`\n\tborder-radius: 2px;\n\tbackground: ${ COLORS.theme.background };\n\tborder: 1px solid ${ COLORS.theme.foreground };\n`;\n\nexport const SelectItem = styled( Ariakit.SelectItem )`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: ${ ITEM_PADDING };\n\tfont-size: ${ CONFIG.fontSize };\n\tline-height: 2.15rem; // TODO: Remove this in default but keep for back-compat in legacy\n\t&[data-active-item] {\n\t\tbackground-color: ${ COLORS.theme.gray[ 300 ] };\n\t}\n`;\n\nexport const SelectedItemCheck = styled( Ariakit.SelectItemCheck )`\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: ${ ITEM_PADDING };\n\tfont-size: 24px; // Size of checkmark icon\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_react2","_utils","_space","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","ITEM_PADDING","space","WithHintWrapper","exports","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","SelectedExperimentalHintItem","COLORS","theme","gray","ExperimentalHintItem","SelectLabel","Select","shouldForwardProp","prop","size","hasCustomRenderProp","heightProperty","getSize","sizes","compact","paddingInlineStart","paddingInlineEnd","small","fontSize","css","background","CONFIG","SelectPopover","foreground","SelectItem","SelectedItemCheck","SelectItemCheck"],"sources":["@wordpress/components/src/custom-select-control-v2/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\nimport { space } from '../utils/space';\nimport type { CustomSelectButtonSize } from './types';\n\nconst ITEM_PADDING = space( 2 );\n\nexport const WithHintWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex: 1;\n`;\n\nexport const SelectedExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\tmargin-inline-start: ${ space( 2 ) };\n`;\n\nexport const ExperimentalHintItem = styled.span`\n\tcolor: ${ COLORS.theme.gray[ 600 ] };\n\ttext-align: right;\n\tmargin-inline-end: ${ space( 1 ) };\n`;\n\nexport const SelectLabel = styled( Ariakit.SelectLabel )`\n\tfont-size: 11px;\n\tfont-weight: 500;\n\tline-height: 1.4;\n\ttext-transform: uppercase;\n\tmargin-bottom: ${ space( 2 ) };\n`;\n\nexport const Select = styled( Ariakit.Select, {\n\t// Do not forward `hasCustomRenderProp` to the underlying Ariakit.Select component\n\tshouldForwardProp: ( prop ) => prop !== 'hasCustomRenderProp',\n} )( ( {\n\tsize,\n\thasCustomRenderProp,\n}: {\n\tsize: NonNullable< CustomSelectButtonSize[ 'size' ] >;\n\thasCustomRenderProp: boolean;\n} ) => {\n\tconst heightProperty = hasCustomRenderProp ? 'minHeight' : 'height';\n\n\tconst getSize = () => {\n\t\tconst sizes = {\n\t\t\tcompact: {\n\t\t\t\t[ heightProperty ]: 32,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t},\n\t\t\tdefault: {\n\t\t\t\t[ heightProperty ]: 40,\n\t\t\t\tpaddingInlineStart: space( 4 ),\n\t\t\t\tpaddingInlineEnd: space( 3 ),\n\t\t\t},\n\t\t\tsmall: {\n\t\t\t\t[ heightProperty ]: 24,\n\t\t\t\tpaddingInlineStart: space( 2 ),\n\t\t\t\tpaddingInlineEnd: space( 1 ),\n\t\t\t\tfontSize: 11,\n\t\t\t},\n\t\t};\n\n\t\treturn sizes[ size ] || sizes.default;\n\t};\n\n\treturn css`\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tbackground-color: ${ COLORS.theme.background };\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\tfont-size: ${ CONFIG.fontSize };\n\t\twidth: 100%;\n\n\t\t&[data-focus-visible] {\n\t\t\toutline: none; // handled by InputBase component\n\t\t}\n\n\t\t${ getSize() }\n\t`;\n} );\n\nexport const SelectPopover = styled( Ariakit.SelectPopover )`\n\tborder-radius: 2px;\n\tbackground: ${ COLORS.theme.background };\n\tborder: 1px solid ${ COLORS.theme.foreground };\n\n\t&[data-focus-visible] {\n\t\toutline: none; // outline will be on the trigger, rather than the popover\n\t}\n`;\n\nexport const SelectItem = styled( Ariakit.SelectItem )`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: ${ ITEM_PADDING };\n\tfont-size: ${ CONFIG.fontSize };\n\tline-height: 2.15rem; // TODO: Remove this in default but keep for back-compat in legacy\n\t&[data-active-item] {\n\t\tbackground-color: ${ COLORS.theme.gray[ 300 ] };\n\t}\n`;\n\nexport const SelectedItemCheck = styled( Ariakit.SelectItemCheck )`\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-inline-start: ${ ITEM_PADDING };\n\tfont-size: 24px; // Size of checkmark icon\n`;\n"],"mappings":"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","ignoreList":[]}

package/build/custom-select-control-v2/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/custom-select-control-v2/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type * as Ariakit from '@ariakit/react';\nimport type { FocusEventHandler, MouseEventHandler } from 'react';\n\nexport type CustomSelectStore = {\n\t/**\n\t * The store object returned by Ariakit's `useSelectStore` hook.\n\t */\n\tstore: Ariakit.SelectStore;\n};\n\nexport type CustomSelectContext = CustomSelectStore | undefined;\n\nexport type CustomSelectButtonProps = {\n\t/**\n\t * An optional default value for the control when used in uncontrolled mode.\n\t * If left `undefined`, the first non-disabled item will be used.\n\t */\n\tdefaultValue?: string | string[];\n\t/**\n\t * A function that receives the new value of the input.\n\t */\n\tonChange?: ( newValue: string | string[] ) => void;\n\t/**\n\t * Can be used to render select UI with custom styled values.\n\t */\n\trenderSelectedValue?: (\n\t\tselectedValue: string | string[]\n\t) => React.ReactNode;\n\t/**\n\t * The size of the control.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: 'compact' | 'default' | 'small';\n\t/**\n\t * The value of the control when used in uncontrolled mode.\n\t */\n\tvalue?: string | string[];\n};\n\nexport type _CustomSelectProps = {\n\t/**\n\t * The child elements. This should be composed of `CustomSelectItem` components.\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * Used to visually hide the label. It will always be visible to screen readers.\n\t *\n\t * @default false\n\t */\n\thideLabelFromVision?: boolean;\n\t/**\n\t * Accessible label for the control.\n\t */\n\tlabel: string;\n};\n\nexport type CustomSelectProps = _CustomSelectProps &\n\tOmit< CustomSelectButtonProps, 'size' > & {\n\t\t/**\n\t\t * The size of the control.\n\t\t *\n\t\t * @default 'default'\n\t\t */\n\t\tsize?: Exclude< CustomSelectButtonProps[ 'size' ], 'small' >;\n\t};\n\n/**\n * The legacy object structure for the options array.\n */\ntype LegacyOption = {\n\tkey: string;\n\tname: string;\n\tstyle?: React.CSSProperties;\n\tclassName?: string;\n\t__experimentalHint?: string;\n};\n\n/**\n * The legacy object returned from the onChange event.\n */\ntype LegacyOnChangeObject = {\n\thighlightedIndex?: number;\n\tinputValue?: string;\n\tisOpen?: boolean;\n\ttype?: string;\n\tselectedItem: LegacyOption;\n};\n\nexport type LegacyCustomSelectProps = {\n\t/**\n\t * Optional classname for the component.\n\t */\n\tclassName?: string;\n\t/**\n\t * Used to visually hide the label. It will always be visible to screen readers.\n\t *\n\t */\n\thideLabelFromVision?: boolean;\n\t/**\n\t * Pass in a description that will be shown to screen readers associated with the\n\t * select trigger button. If no value is passed, the text \"Currently selected:\n\t * selectedItem.name\" will be used fully translated.\n\t */\n\tdescribedBy?: string;\n\t/**\n\t * Label for the control.\n\t */\n\tlabel: string;\n\t/**\n\t * Function called with the control's internal state changes. The `selectedItem`\n\t * property contains the next selected item.\n\t */\n\tonChange?: ( newValue: LegacyOnChangeObject ) => void;\n\t/**\n\t * A handler for `onBlur` events.\n\t *\n\t * @ignore\n\t */\n\tonBlur?: FocusEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onFocus` events.\n\t *\n\t * @ignore\n\t */\n\tonFocus?: FocusEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onMouseOver` events.\n\t *\n\t * @ignore\n\t */\n\tonMouseOut?: MouseEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onMouseOut` events.\n\t *\n\t * @ignore\n\t */\n\tonMouseOver?: MouseEventHandler< HTMLButtonElement >;\n\t/**\n\t * The options that can be chosen from.\n\t */\n\toptions: Array< LegacyOption >;\n\t/**\n\t * The size of the control.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: 'default' | 'small' | '__unstable-large';\n\t/**\n\t * Can be used to externally control the value of the control.\n\t */\n\tvalue?: LegacyOption;\n\t/**\n\t * Legacy way to add additional text to the right of each option.\n\t *\n\t * @default false\n\t */\n\t__experimentalShowSelectedHint?: boolean;\n\t/**\n\t * Opt-in prop for an unconstrained width style which became the default in\n\t * WordPress 6.5. The prop is no longer needed and can be safely removed.\n\t *\n\t * @deprecated\n\t * @ignore\n\t */\n\t__nextUnconstrainedWidth?: boolean;\n\t/**\n\t * Start opting into the larger default height that will become the default size in a future version.\n\t *\n\t * @default false\n\t */\n\t__next40pxDefaultSize?: boolean;\n};\n\nexport type CustomSelectItemProps = {\n\t/**\n\t * The value of the select item. This will be used as the children if\n\t * children are left `undefined`.\n\t */\n\tvalue: string;\n\t/**\n\t * The children to display for each select item. The `value` will be\n\t * used if left `undefined`.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * If true, the item will be disabled.\n\t *\n\t * You will need to add your own styles (e.g. reduced opacity) to visually show that they are disabled.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/custom-select-control-v2/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type * as Ariakit from '@ariakit/react';\nimport type { FocusEventHandler, MouseEventHandler } from 'react';\n\nexport type CustomSelectStore = {\n\t/**\n\t * The store object returned by Ariakit's `useSelectStore` hook.\n\t */\n\tstore: Ariakit.SelectStore;\n};\n\nexport type CustomSelectContext = CustomSelectStore | undefined;\n\ntype CustomSelectSize< Size = 'compact' | 'default' > = {\n\t/**\n\t * The size of the control.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: Size;\n};\n\nexport type CustomSelectButtonSize = CustomSelectSize<\n\t'compact' | 'default' | 'small'\n>;\n\nexport type CustomSelectButtonProps = {\n\t/**\n\t * An optional default value for the control when used in uncontrolled mode.\n\t * If left `undefined`, the first non-disabled item will be used.\n\t */\n\tdefaultValue?: string | string[];\n\t/**\n\t * A function that receives the new value of the input.\n\t */\n\tonChange?: ( newValue: string | string[] ) => void;\n\t/**\n\t * Can be used to render select UI with custom styled values.\n\t */\n\trenderSelectedValue?: (\n\t\tselectedValue: string | string[]\n\t) => React.ReactNode;\n\t/**\n\t * The value of the control when used in uncontrolled mode.\n\t */\n\tvalue?: string | string[];\n};\n\nexport type _CustomSelectProps = CustomSelectButtonProps & {\n\t/**\n\t * The child elements. This should be composed of `CustomSelectItem` components.\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * Used to visually hide the label. It will always be visible to screen readers.\n\t *\n\t * @default false\n\t */\n\thideLabelFromVision?: boolean;\n\t/**\n\t * Accessible label for the control.\n\t */\n\tlabel: string;\n};\n\nexport type CustomSelectProps = _CustomSelectProps &\n\tCustomSelectButtonProps &\n\tCustomSelectSize;\n\n/**\n * The legacy object structure for the options array.\n */\ntype LegacyOption = {\n\tkey: string;\n\tname: string;\n\tstyle?: React.CSSProperties;\n\tclassName?: string;\n\t__experimentalHint?: string;\n};\n\n/**\n * The legacy object returned from the onChange event.\n */\ntype LegacyOnChangeObject = {\n\thighlightedIndex?: number;\n\tinputValue?: string;\n\tisOpen?: boolean;\n\ttype?: string;\n\tselectedItem: LegacyOption;\n};\n\nexport type LegacyCustomSelectProps = {\n\t/**\n\t * Optional classname for the component.\n\t */\n\tclassName?: string;\n\t/**\n\t * Used to visually hide the label. It will always be visible to screen readers.\n\t *\n\t */\n\thideLabelFromVision?: boolean;\n\t/**\n\t * Pass in a description that will be shown to screen readers associated with the\n\t * select trigger button. If no value is passed, the text \"Currently selected:\n\t * selectedItem.name\" will be used fully translated.\n\t */\n\tdescribedBy?: string;\n\t/**\n\t * Label for the control.\n\t */\n\tlabel: string;\n\t/**\n\t * Function called with the control's internal state changes. The `selectedItem`\n\t * property contains the next selected item.\n\t */\n\tonChange?: ( newValue: LegacyOnChangeObject ) => void;\n\t/**\n\t * A handler for `onBlur` events.\n\t *\n\t * @ignore\n\t */\n\tonBlur?: FocusEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onFocus` events.\n\t *\n\t * @ignore\n\t */\n\tonFocus?: FocusEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onMouseOver` events.\n\t *\n\t * @ignore\n\t */\n\tonMouseOut?: MouseEventHandler< HTMLButtonElement >;\n\t/**\n\t * A handler for `onMouseOut` events.\n\t *\n\t * @ignore\n\t */\n\tonMouseOver?: MouseEventHandler< HTMLButtonElement >;\n\t/**\n\t * The options that can be chosen from.\n\t */\n\toptions: Array< LegacyOption >;\n\t/**\n\t * The size of the control.\n\t *\n\t * @default 'default'\n\t */\n\tsize?: 'default' | 'small' | '__unstable-large';\n\t/**\n\t * Can be used to externally control the value of the control.\n\t */\n\tvalue?: LegacyOption;\n\t/**\n\t * Legacy way to add additional text to the right of each option.\n\t *\n\t * @default false\n\t */\n\t__experimentalShowSelectedHint?: boolean;\n\t/**\n\t * Opt-in prop for an unconstrained width style which became the default in\n\t * WordPress 6.5. The prop is no longer needed and can be safely removed.\n\t *\n\t * @deprecated\n\t * @ignore\n\t */\n\t__nextUnconstrainedWidth?: boolean;\n\t/**\n\t * Start opting into the larger default height that will become the default size in a future version.\n\t *\n\t * @default false\n\t */\n\t__next40pxDefaultSize?: boolean;\n};\n\nexport type CustomSelectItemProps = {\n\t/**\n\t * The value of the select item. This will be used as the children if\n\t * children are left `undefined`.\n\t */\n\tvalue: string;\n\t/**\n\t * The children to display for each select item. The `value` will be\n\t * used if left `undefined`.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * If true, the item will be disabled.\n\t *\n\t * You will need to add your own styles (e.g. reduced opacity) to visually show that they are disabled.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n};\n"],"mappings":"","ignoreList":[]}

package/build/dashicon/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * @typedef OwnProps
  *
@@ -39,7 +39,7 @@ function Dashicon({
     ...sizeStyles,
     ...style
   };
-  return (0, _react.createElement)("span", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: iconClass,
     style: styles,
     ...extraProps

package/build/dashicon/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dashicon","icon","className","size","style","extraProps","iconClass","filter","Boolean","join","sizeStyles","fontSize","width","height","styles","_react","createElement","_default","exports","default"],"sources":["@wordpress/components/src/dashicon/index.tsx"],"sourcesContent":["/**\n * @typedef OwnProps\n *\n * @property {import('./types').IconKey} icon        Icon name\n * @property {string}                    [className] Class name\n * @property {number}                    [size]      Size of the icon\n */\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport type { DashiconProps } from './types';\n\nfunction Dashicon( {\n\ticon,\n\tclassName,\n\tsize = 20,\n\tstyle = {},\n\t...extraProps\n}: WordPressComponentProps< DashiconProps, 'span', false > ) {\n\tconst iconClass = [\n\t\t'dashicon',\n\t\t'dashicons',\n\t\t'dashicons-' + icon,\n\t\tclassName,\n\t]\n\t\t.filter( Boolean )\n\t\t.join( ' ' );\n\n\t// For retro-compatibility reasons (for example if people are overriding icon size with CSS), we add inline styles just if the size is different to the default\n\tconst sizeStyles =\n\t\t// using `!=` to catch both 20 and \"20\"\n\t\t// eslint-disable-next-line eqeqeq\n\t\t20 != size\n\t\t\t? {\n\t\t\t\t\tfontSize: `${ size }px`,\n\t\t\t\t\twidth: `${ size }px`,\n\t\t\t\t\theight: `${ size }px`,\n\t\t\t  }\n\t\t\t: {};\n\n\tconst styles = {\n\t\t...sizeStyles,\n\t\t...style,\n\t};\n\n\treturn <span className={ iconClass } style={ styles } { ...extraProps } />;\n}\n\nexport default Dashicon;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASA,QAAQA,CAAE;EAClBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACqD,CAAC,EAAG;EAC5D,MAAMC,SAAS,GAAG,CACjB,UAAU,EACV,WAAW,EACX,YAAY,GAAGL,IAAI,EACnBC,SAAS,CACT,CACCK,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAC;;EAEb;EACA,MAAMC,UAAU;EACf;EACA;EACA,EAAE,IAAIP,IAAI,GACP;IACAQ,QAAQ,EAAG,GAAGR,IAAM,IAAG;IACvBS,KAAK,EAAG,GAAGT,IAAM,IAAG;IACpBU,MAAM,EAAG,GAAGV,IAAM;EAClB,CAAC,GACD,CAAC,CAAC;EAEN,MAAMW,MAAM,GAAG;IACd,GAAGJ,UAAU;IACb,GAAGN;EACJ,CAAC;EAED,OAAO,IAAAW,MAAA,CAAAC,aAAA;IAAMd,SAAS,EAAGI,SAAW;IAACF,KAAK,EAAGU,MAAQ;IAAA,GAAMT;EAAU,CAAI,CAAC;AAC3E;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcnB,QAAQ","ignoreList":[]}
+{"version":3,"names":["Dashicon","icon","className","size","style","extraProps","iconClass","filter","Boolean","join","sizeStyles","fontSize","width","height","styles","_jsxRuntime","jsx","_default","exports","default"],"sources":["@wordpress/components/src/dashicon/index.tsx"],"sourcesContent":["/**\n * @typedef OwnProps\n *\n * @property {import('./types').IconKey} icon        Icon name\n * @property {string}                    [className] Class name\n * @property {number}                    [size]      Size of the icon\n */\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport type { DashiconProps } from './types';\n\nfunction Dashicon( {\n\ticon,\n\tclassName,\n\tsize = 20,\n\tstyle = {},\n\t...extraProps\n}: WordPressComponentProps< DashiconProps, 'span', false > ) {\n\tconst iconClass = [\n\t\t'dashicon',\n\t\t'dashicons',\n\t\t'dashicons-' + icon,\n\t\tclassName,\n\t]\n\t\t.filter( Boolean )\n\t\t.join( ' ' );\n\n\t// For retro-compatibility reasons (for example if people are overriding icon size with CSS), we add inline styles just if the size is different to the default\n\tconst sizeStyles =\n\t\t// using `!=` to catch both 20 and \"20\"\n\t\t// eslint-disable-next-line eqeqeq\n\t\t20 != size\n\t\t\t? {\n\t\t\t\t\tfontSize: `${ size }px`,\n\t\t\t\t\twidth: `${ size }px`,\n\t\t\t\t\theight: `${ size }px`,\n\t\t\t  }\n\t\t\t: {};\n\n\tconst styles = {\n\t\t...sizeStyles,\n\t\t...style,\n\t};\n\n\treturn <span className={ iconClass } style={ styles } { ...extraProps } />;\n}\n\nexport default Dashicon;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASA,QAAQA,CAAE;EAClBC,IAAI;EACJC,SAAS;EACTC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,CAAC,CAAC;EACV,GAAGC;AACqD,CAAC,EAAG;EAC5D,MAAMC,SAAS,GAAG,CACjB,UAAU,EACV,WAAW,EACX,YAAY,GAAGL,IAAI,EACnBC,SAAS,CACT,CACCK,MAAM,CAAEC,OAAQ,CAAC,CACjBC,IAAI,CAAE,GAAI,CAAC;;EAEb;EACA,MAAMC,UAAU;EACf;EACA;EACA,EAAE,IAAIP,IAAI,GACP;IACAQ,QAAQ,EAAG,GAAGR,IAAM,IAAG;IACvBS,KAAK,EAAG,GAAGT,IAAM,IAAG;IACpBU,MAAM,EAAG,GAAGV,IAAM;EAClB,CAAC,GACD,CAAC,CAAC;EAEN,MAAMW,MAAM,GAAG;IACd,GAAGJ,UAAU;IACb,GAAGN;EACJ,CAAC;EAED,oBAAO,IAAAW,WAAA,CAAAC,GAAA;IAAMd,SAAS,EAAGI,SAAW;IAACF,KAAK,EAAGU,MAAQ;IAAA,GAAMT;EAAU,CAAI,CAAC;AAC3E;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcnB,QAAQ","ignoreList":[]}

package/build/dashicon/index.native.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _components = require("@wordpress/components");
+var _icons = require("@wordpress/icons");
 var dashicons = _interopRequireWildcard(require("../mobile/dashicons"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -22,7 +22,7 @@ function Dashicon({
   icon,
   ...extraProps
 }) {
-  return (0, _react.createElement)(_components.Icon, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
     icon: dashicons[icon] || dashicons.empty,
     ...extraProps
   });

package/build/dashicon/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","dashicons","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Dashicon","icon","extraProps","_react","createElement","Icon","empty","_default","exports"],"sources":["@wordpress/components/src/dashicon/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport * as dashicons from '../mobile/dashicons';\n\n// A predefined SVG icon is rendered instead of Dashicon because it's not supported in the native version.\nfunction Dashicon( { icon, ...extraProps } ) {\n\treturn (\n\t\t<Icon icon={ dashicons[ icon ] || dashicons.empty } { ...extraProps } />\n\t);\n}\n\nexport default Dashicon;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAiD,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AARjD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,SAASW,QAAQA,CAAE;EAAEC,IAAI;EAAE,GAAGC;AAAW,CAAC,EAAG;EAC5C,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAA6B,IAAI;IAACJ,IAAI,EAAGvB,SAAS,CAAEuB,IAAI,CAAE,IAAIvB,SAAS,CAAC4B,KAAO;IAAA,GAAMJ;EAAU,CAAI,CAAC;AAE1E;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEcc,QAAQ","ignoreList":[]}
+{"version":3,"names":["_icons","require","dashicons","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Dashicon","icon","extraProps","jsx","Icon","empty","_default","exports"],"sources":["@wordpress/components/src/dashicon/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport * as dashicons from '../mobile/dashicons';\n\n// A predefined SVG icon is rendered instead of Dashicon because it's not supported in the native version.\nfunction Dashicon( { icon, ...extraProps } ) {\n\treturn (\n\t\t<Icon icon={ dashicons[ icon ] || dashicons.empty } { ...extraProps } />\n\t);\n}\n\nexport default Dashicon;\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AARjD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,SAASW,QAAQA,CAAE;EAAEC,IAAI;EAAE,GAAGC;AAAW,CAAC,EAAG;EAC5C,oBACC,IAAAvB,WAAA,CAAAwB,GAAA,EAAC5B,MAAA,CAAA6B,IAAI;IAACH,IAAI,EAAGxB,SAAS,CAAEwB,IAAI,CAAE,IAAIxB,SAAS,CAAC4B,KAAO;IAAA,GAAMH;EAAU,CAAI,CAAC;AAE1E;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEcc,QAAQ","ignoreList":[]}

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":[]}