openstack-uicore-foundation/lib/components/mui/formik-inputs/datepicker.js

ui reactjs components for openstack marketing site

!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],r):"object"==typeof exports?exports["openstack-uicore-foundation"]=r():e["openstack-uicore-foundation"]=r()}(this,(()=>(()=>{"use strict";var e={6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},5643:e=>{e.exports=require("@mui/x-date-pickers/AdapterMoment")},4:e=>{e.exports=require("@mui/x-date-pickers/LocalizationProvider")},3294:e=>{e.exports=require("formik")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")}},r={};function t(o){var a=r[o];if(void 0!==a)return a.exports;var i=r[o]={exports:{}};return e[o](i,i.exports,t),i.exports}(()=>{t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r}})(),(()=>{t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})}})(),(()=>{t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r)})(),(()=>{t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var o={};t.r(o),t.d(o,{default:()=>v});var a=t(6031),i=t.n(a),n=t(2462),u=t.n(n),d=t(2015),l=t.n(d),s=t(9825),p=t.n(s);const c=require("@mui/x-date-pickers/DatePicker");var b=t(4),f=t(5643),m=t(3294);const x=["name","label","required","disabled"],y=e=>{let{name:r,label:t,required:o,disabled:a=!1}=e,n=u()(e,x);const[d,s,p]=(0,m.useField)(r),y=`${t} *`;return l().createElement(b.LocalizationProvider,{dateAdapter:f.AdapterMoment},l().createElement(c.DatePicker,i()({value:d.value,onChange:p.setValue,slotProps:{textField:{name:r,label:o?y:t,error:s.touched&&Boolean(s.error),helperText:s.touched&&s.error,fullWidth:!0,disabled:a},day:{sx:{fontSize:"1.2rem",fontWeight:600}},layout:{sx:{"& .MuiDayCalendar-weekDayLabel":{fontSize:"1rem"}}}},margin:"normal"},n)))};y.propTypes={name:p().string.isRequired,label:p().string,required:p().bool,disabled:p().bool};const v=y;return o})()));
//# sourceMappingURL=datepicker.js.map