(self.webpackChunk_woocommerce_storybook=self.webpackChunk_woocommerce_storybook||[]).push([[3381],{"../../packages/js/components/src/calendar/date-picker.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.reflect.construct.js");var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/createClass.js"),_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js"),_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/inherits.js"),_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js"),_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js"),_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__=(__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/features/object/assign.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/features/array/from.js"),__webpack_require__("../../node_modules/.pnpm/@wordpress+i18n@4.6.1/node_modules/@wordpress/i18n/build-module/index.js")),_wordpress_element__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/dropdown/index.js"),_wordpress_components__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/date-time/date.js"),lodash__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js"),moment__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/.pnpm/moment@2.29.4/node_modules/moment/moment.js"),moment__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_9__),prop_types__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("../../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_21__),_woocommerce_date__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../packages/js/date/src/index.ts"),_input__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("../../packages/js/components/src/calendar/input.js"),_section__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("../../packages/js/components/src/section/section.tsx"),_section__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("../../packages/js/components/src/section/header.tsx");function _createSuper(Derived){var hasNativeReflectConstruct=function _isNativeReflectConstruct(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function _createSuperInternal(){var result,Super=(0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__.A)(Derived);if(hasNativeReflectConstruct){var NewTarget=(0,_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_3__.A)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget)}else result=Super.apply(this,arguments);return(0,_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4__.A)(this,result)}}var DatePicker=function(_Component){(0,_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_11__.A)(DatePicker,_Component);var _super=_createSuper(DatePicker);function DatePicker(props){var _this;return(0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_12__.A)(this,DatePicker),(_this=_super.call(this,props)).onDateChange=_this.onDateChange.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13__.A)(_this)),_this.onInputChange=_this.onInputChange.bind((0,_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_13__.A)(_this)),_this}return(0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_14__.A)(DatePicker,[{key:"handleFocus",value:function handleFocus(isOpen,onToggle){isOpen||onToggle()}},{key:"handleBlur",value:function handleBlur(isOpen,onToggle,event){var _event$relatedTarget,_event$currentTarget;if(isOpen){var relatedTargetParent=null===(_event$relatedTarget=event.relatedTarget)||void 0===_event$relatedTarget?void 0:_event$relatedTarget.closest(".components-dropdown"),currentTargetParent=null===(_event$currentTarget=event.currentTarget)||void 0===_event$currentTarget?void 0:_event$currentTarget.closest(".components-dropdown");relatedTargetParent&&relatedTargetParent===currentTargetParent||onToggle()}}},{key:"onDateChange",value:function onDateChange(onToggle,dateString){var _this$props=this.props,onUpdate=_this$props.onUpdate,dateFormat=_this$props.dateFormat,date=moment__WEBPACK_IMPORTED_MODULE_9___default()(dateString);onUpdate({date,text:dateString?date.format(dateFormat):"",error:null}),onToggle()}},{key:"onInputChange",value:function onInputChange(event){var value=event.target.value,dateFormat=this.props.dateFormat,date=(0,_woocommerce_date__WEBPACK_IMPORTED_MODULE_10__.sf)(dateFormat,value),error=date?null:_woocommerce_date__WEBPACK_IMPORTED_MODULE_10__.Y6.invalid;this.props.onUpdate({date,text:value,error:value.length>0?error:null})}},{key:"render",value:function render(){var _this2=this,_this$props2=this.props,date=_this$props2.date,disabled=_this$props2.disabled,text=_this$props2.text,dateFormat=_this$props2.dateFormat,error=_this$props2.error,isInvalidDate=_this$props2.isInvalidDate,_this$props2$popoverP=_this$props2.popoverProps,popoverProps=void 0===_this$props2$popoverP?{inline:!0}:_this$props2$popoverP;return popoverProps.placement||(popoverProps.placement="bottom"),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_15__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_16__.A,{focusOnMount:!1,popoverProps,renderToggle:function renderToggle(_ref){var isOpen=_ref.isOpen,onToggle=_ref.onToggle;return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_15__.createElement)(_input__WEBPACK_IMPORTED_MODULE_17__.A,{disabled,value:text,onChange:_this2.onInputChange,onBlur:(0,lodash__WEBPACK_IMPORTED_MODULE_8__.partial)(_this2.handleBlur,isOpen,onToggle),dateFormat,label:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)("Choose a date","woocommerce"),error,describedBy:(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.nv)((0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)("Date input describing a selected date in format %s","woocommerce"),dateFormat),onFocus:(0,lodash__WEBPACK_IMPORTED_MODULE_8__.partial)(_this2.handleFocus,isOpen,onToggle),"aria-expanded":isOpen,focusOnMount:!1,errorPosition:"top center"})},renderContent:function renderContent(_ref2){var onToggle=_ref2.onToggle;return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_15__.createElement)(_section__WEBPACK_IMPORTED_MODULE_18__.w,{component:!1},(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_15__.createElement)(_section__WEBPACK_IMPORTED_MODULE_19__.H,{className:"woocommerce-calendar__date-picker-title"},(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_7__.__)("select a date","woocommerce")),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_15__.createElement)("div",{className:"woocommerce-calendar__react-dates is-core-datepicker"},(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_15__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_20__.A,{currentDate:date instanceof moment__WEBPACK_IMPORTED_MODULE_9___default()?date.toDate():date,onChange:(0,lodash__WEBPACK_IMPORTED_MODULE_8__.partial)(_this2.onDateChange,onToggle),onMonthPreviewed:lodash__WEBPACK_IMPORTED_MODULE_8__.noop,isInvalidDate})))}})}}]),DatePicker}(_wordpress_element__WEBPACK_IMPORTED_MODULE_15__.Component);DatePicker.propTypes={date:prop_types__WEBPACK_IMPORTED_MODULE_21___default().object,disabled:prop_types__WEBPACK_IMPORTED_MODULE_21___default().bool,text:prop_types__WEBPACK_IMPORTED_MODULE_21___default().string,error:prop_types__WEBPACK_IMPORTED_MODULE_21___default().string,onUpdate:prop_types__WEBPACK_IMPORTED_MODULE_21___default().func.isRequired,dateFormat:prop_types__WEBPACK_IMPORTED_MODULE_21___default().string.isRequired,isInvalidDate:prop_types__WEBPACK_IMPORTED_MODULE_21___default().func};const __WEBPACK_DEFAULT_EXPORT__=DatePicker},"../../packages/js/components/src/calendar/input.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/.pnpm/@wordpress+components@19.8.5_@types+react@17.0.71_react-dom@17.0.2_react@17.0.2__react-with-d_oli5xz3n7pc4ztqokra47llglu/node_modules/@wordpress/components/build-module/popover/index.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/icon/index.js"),_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/.pnpm/@wordpress+icons@8.2.3/node_modules/@wordpress/icons/build-module/library/calendar.js"),classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),lodash__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js"),prop_types__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_6__),DateInput=function DateInput(_ref){var _ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,value=_ref.value,onChange=_ref.onChange,dateFormat=_ref.dateFormat,label=_ref.label,describedBy=_ref.describedBy,error=_ref.error,_ref$onFocus=_ref.onFocus,onFocus=void 0===_ref$onFocus?function(){}:_ref$onFocus,_ref$onBlur=_ref.onBlur,onBlur=void 0===_ref$onBlur?function(){}:_ref$onBlur,_ref$onKeyDown=_ref.onKeyDown,onKeyDown=void 0===_ref$onKeyDown?lodash__WEBPACK_IMPORTED_MODULE_1__.noop:_ref$onKeyDown,_ref$errorPosition=_ref.errorPosition,errorPosition=void 0===_ref$errorPosition?"bottom center":_ref$errorPosition,classes=classnames__WEBPACK_IMPORTED_MODULE_0___default()("woocommerce-calendar__input",{"is-empty":0===value.length,"is-error":error}),id=(0,lodash__WEBPACK_IMPORTED_MODULE_1__.uniqueId)("_woo-dates-input");return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.createElement)("div",{className:classes},(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.createElement)("input",{type:"text",className:"woocommerce-calendar__input-text",value,onChange,"aria-label":label,id,"aria-describedby":"".concat(id,"-message"),placeholder:dateFormat.toLowerCase(),onFocus,onBlur,onKeyDown,disabled}),error&&(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.A,{className:"woocommerce-calendar__input-error",focusOnMount:!1,position:errorPosition},error),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.createElement)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__.A,{icon:_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__.A,className:"calendar-icon"}),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.createElement)("p",{className:"screen-reader-text",id:"".concat(id,"-message")},error||describedBy))};DateInput.propTypes={disabled:prop_types__WEBPACK_IMPORTED_MODULE_6___default().bool,value:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,onChange:prop_types__WEBPACK_IMPORTED_MODULE_6___default().func.isRequired,dateFormat:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string.isRequired,label:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string.isRequired,describedBy:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string.isRequired,error:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,errorPosition:prop_types__WEBPACK_IMPORTED_MODULE_6___default().string,onFocus:prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,onBlur:prop_types__WEBPACK_IMPORTED_MODULE_6___default().func,onKeyDown:prop_types__WEBPACK_IMPORTED_MODULE_6___default().func};const __WEBPACK_DEFAULT_EXPORT__=DateInput},"../../packages/js/components/src/section/context.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>Level});var Level=(0,__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js").createContext)(2)},"../../packages/js/components/src/section/header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{H:()=>H});var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_context__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../packages/js/components/src/section/context.tsx");function H(props){var level=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useContext)(_context__WEBPACK_IMPORTED_MODULE_1__.$),Heading="h"+Math.min(level,6);return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(Heading,props)}try{H.displayName="H",H.__docgenInfo={description:'These components are used to frame out the page content for accessible heading hierarchy. Instead of defining fixed heading levels\n(`h2`, `h3`, …) you can use `<H />` to create "section headings", which look to the parent `<Section />`s for the appropriate\nheading level.',displayName:"H",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/section/header.tsx#H"]={docgenInfo:H.__docgenInfo,name:"H",path:"../../packages/js/components/src/section/header.tsx#H"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/js/components/src/section/section.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{w:()=>Section});var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),_context__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../packages/js/components/src/section/context.tsx"),_excluded=["component","children"],Section=function Section(_ref){var component=_ref.component,children=_ref.children,props=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0__.A)(_ref,_excluded),Component=component||"div";return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_context__WEBPACK_IMPORTED_MODULE_2__.$.Consumer,null,(function(level){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(_context__WEBPACK_IMPORTED_MODULE_2__.$.Provider,{value:level+1},!1===component?children:(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.createElement)(Component,props,children))}))};try{Section.displayName="Section",Section.__docgenInfo={description:"The section wrapper, used to indicate a sub-section (and change the header level context).",displayName:"Section",props:{component:{defaultValue:null,description:"The wrapper component for this section. Optional, defaults to `div`. If passed false, no wrapper is used. Additional props passed to Section are passed on to the component.",name:"component",required:!1,type:{name:"string | false | ComponentType<{}>"}},className:{defaultValue:null,description:"Optional classname",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"The children inside this section, rendered in the `component`. This increases the context level for the next heading used.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../packages/js/components/src/section/section.tsx#Section"]={docgenInfo:Section.__docgenInfo,name:"Section",path:"../../packages/js/components/src/section/section.tsx#Section"})}catch(__react_docgen_typescript_loader_error){}},"../../packages/js/components/src/calendar/stories/date-picker.story.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../../node_modules/.pnpm/core-js@3.34.0/node_modules/core-js/modules/es.object.define-property.js");var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("../../node_modules/.pnpm/@babel+runtime@7.23.5/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_wordpress_element__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("../../node_modules/.pnpm/react@18.3.1/node_modules/react/index.js"),moment__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("../../node_modules/.pnpm/moment@2.29.4/node_modules/moment/moment.js"),moment__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_11__),_woocommerce_components__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("../../packages/js/components/src/section/header.tsx"),_woocommerce_components__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("../../packages/js/components/src/section/section.tsx"),_woocommerce_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("../../packages/js/components/src/calendar/date-picker.js");function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_10__.A)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var DatePickerExample=function DatePickerExample(){var _useState=(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_12__.useState)({after:null,afterText:"",before:null,beforeText:"",afterError:null,beforeError:null,focusedInput:"startDate"}),_useState2=(0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_13__.A)(_useState,2),state=_useState2[0],setState=_useState2[1],after=state.after,afterText=state.afterText,afterError=state.afterError;return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_12__.createElement)("div",null,(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_12__.createElement)(_woocommerce_components__WEBPACK_IMPORTED_MODULE_14__.H,null,"Date Picker"),(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_12__.createElement)(_woocommerce_components__WEBPACK_IMPORTED_MODULE_15__.w,{component:!1},(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_12__.createElement)(_woocommerce_components__WEBPACK_IMPORTED_MODULE_16__.A,{date:after,text:afterText,error:afterError,onUpdate:function onDatePickerUpdate(_ref){var date=_ref.date,text=_ref.text,error=_ref.error;setState(_objectSpread(_objectSpread({},state),{},{after:date,afterText:text,afterError:error}))},dateFormat:"MM/DD/YYYY",isInvalidDate:function isInvalidDate(date){return 1===moment__WEBPACK_IMPORTED_MODULE_11___default()(date).day()}})))},Basic=function Basic(){return(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_12__.createElement)(DatePickerExample,null)};const __WEBPACK_DEFAULT_EXPORT__={title:"WooCommerce Admin/components/calendar/DatePicker",component:_woocommerce_components__WEBPACK_IMPORTED_MODULE_16__.A};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"() => <DatePickerExample />",...Basic.parameters?.docs?.source}}}},"?bbf9":()=>{}}]);