%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[73],{1129:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContextProvider=t.FrameContext=void 0;var a,r=n(0),i=(a=r)&&a.__esModule?a:{default:a};var o=void 0,c=void 0;"undefined"!==typeof document&&(o=document),"undefined"!==typeof window&&(c=window);var s=t.FrameContext=i.default.createContext({document:o,window:c}),l=s.Provider,d=s.Consumer;t.FrameContextProvider=l,t.FrameContextConsumer=d},1130:function(e,t,n){"use strict";n.d(t,"a",(function(){return P}));var a=n(118),r=n(1100),i=n(1109),o=n(1090),c=n(1117),s=n(1119),l=n(5),d=n(0),u=n(1024),m=n(551),p=n(1087),f=n(1099),h=n(11),b=n(370),j=n(371),y=n(1131),O=n.n(y),x=n(1);const g=Object(u.a)({productionPrefix:"iframe-"});class v extends d.Component{constructor(){super(...arguments),this.state={ready:!1},this.handleRef=e=>{this.contentDocument=e?e.node.contentDocument:null},this.onContentDidMount=()=>{this.setState({ready:!0,jss:Object(b.a)({...Object(m.a)(),plugins:[...Object(m.a)().plugins,Object(j.a)()],insertionPoint:this.contentDocument.querySelector("#jss-demo-insertion-point")}),sheetsManager:new Map,container:this.contentDocument.body})},this.onContentDidUpdate=()=>{this.contentDocument.body.dir=this.props.theme.direction},this.renderHead=()=>Object(x.jsxs)(x.Fragment,{children:[Object(x.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n html {\n font-size: 62.5%;\n font-family: Poppins, Roboto, Helvetica Neue, Arial, sans-serif;\n }\n "}}),Object(x.jsx)("noscript",{id:"jss-demo-insertion-point"})]})}render(){const{children:e,classes:t,theme:n}=this.props;return Object(x.jsx)(O.a,{head:this.renderHead(),ref:this.handleRef,className:Object(l.a)(t.root,"shadow"),contentDidMount:this.onContentDidMount,contentDidUpdate:this.onContentDidUpdate,children:this.state.ready?Object(x.jsx)(p.b,{jss:this.state.jss,generateClassName:g,sheetsManager:this.state.sheetsManager,children:Object(x.jsx)(f.a,{theme:n,children:Object(d.cloneElement)(e,{container:this.state.container})})}):null})}}var w=Object(h.a)((e=>({root:{backgroundColor:e.palette.background.default,flexGrow:1,height:400,border:"none"}})),{withTheme:!0})(v);function k(e){const[t,n]=Object(d.useState)(e.currentTabIndex),{component:u,raw:m,iframe:p,className:f}=e;return Object(x.jsxs)(i.a,{className:Object(l.a)(f,"shadow"),children:[Object(x.jsx)(r.a,{position:"static",color:"default",className:"shadow-0",children:Object(x.jsxs)(s.a,{classes:{root:"border-b-1",flexContainer:"justify-end"},value:t,onChange:function(e,t){n(t)},children:[u&&Object(x.jsx)(c.a,{classes:{root:"min-w-64"},icon:Object(x.jsx)(o.a,{children:"remove_red_eye"})}),m&&Object(x.jsx)(c.a,{classes:{root:"min-w-64"},icon:Object(x.jsx)(o.a,{children:"code"})})]})}),Object(x.jsxs)("div",{className:"flex justify-center max-w-full",children:[Object(x.jsx)("div",{className:0===t?"flex flex-1 max-w-full":"hidden",children:u&&(p?Object(x.jsx)(w,{children:Object(x.jsx)(u,{})}):Object(x.jsx)("div",{className:"p-24 flex flex-1 justify-center max-w-full",children:Object(x.jsx)(u,{})}))}),Object(x.jsx)("div",{className:1===t?"flex flex-1":"hidden",children:m&&Object(x.jsx)("div",{className:"flex flex-1",children:Object(x.jsx)(a.a,{component:"pre",className:"language-javascript w-full",children:m.default})})})]})]})}k.defaultProps={currentTabIndex:0};var P=k},1131:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContext=void 0;var a=n(1129);Object.defineProperty(t,"FrameContext",{enumerable:!0,get:function(){return a.FrameContext}}),Object.defineProperty(t,"FrameContextConsumer",{enumerable:!0,get:function(){return a.FrameContextConsumer}});var r,i=n(1132),o=(r=i)&&r.__esModule?r:{default:r};t.default=o.default},1132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},r=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),i=n(0),o=u(i),c=u(n(22)),s=u(n(553)),l=n(1129),d=u(n(1133));function u(e){return e&&e.__esModule?e:{default:e}}var m=function(e){function t(e,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var a=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,n));return a.handleLoad=function(){a.forceUpdate()},a._isMounted=!1,a}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){this._isMounted=!0;var e=this.getDoc();e&&"complete"===e.readyState?this.forceUpdate():this.node.addEventListener("load",this.handleLoad)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1,this.node.removeEventListener("load",this.handleLoad)}},{key:"getDoc",value:function(){return this.node?this.node.contentDocument:null}},{key:"getMountTarget",value:function(){var e=this.getDoc();return this.props.mountTarget?e.querySelector(this.props.mountTarget):e.body.children[0]}},{key:"renderFrameContents",value:function(){if(!this._isMounted)return null;var e=this.getDoc();if(!e)return null;var t=this.props.contentDidMount,n=this.props.contentDidUpdate,a=e.defaultView||e.parentView,r=o.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:n},o.default.createElement(l.FrameContextProvider,{value:{document:e,window:a}},o.default.createElement("div",{className:"frame-content"},this.props.children)));e.body.children.length<1&&(e.open("text/html","replace"),e.write(this.props.initialContent),e.close());var i=this.getMountTarget();return[c.default.createPortal(this.props.head,this.getDoc().head),c.default.createPortal(r,i)]}},{key:"render",value:function(){var e=this,t=a({},this.props,{children:void 0});return delete t.head,delete t.initialContent,delete t.mountTarget,delete t.contentDidMount,delete t.contentDidUpdate,o.default.createElement("iframe",a({},t,{ref:function(t){e.node=t}}),this.renderFrameContents())}}]),t}(i.Component);m.propTypes={style:s.default.object,head:s.default.node,initialContent:s.default.string,mountTarget:s.default.string,contentDidMount:s.default.func,contentDidUpdate:s.default.func,children:s.default.oneOfType([s.default.element,s.default.arrayOf(s.default.element)])},m.defaultProps={style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:function(){},contentDidUpdate:function(){},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'},t.default=m},1133:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,n,a){return n&&e(t.prototype,n),a&&e(t,a),t}}(),r=n(0),i=(o(r),o(n(553)));function o(e){return e&&e.__esModule?e:{default:e}}var c=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),a(t,[{key:"componentDidMount",value:function(){this.props.contentDidMount()}},{key:"componentDidUpdate",value:function(){this.props.contentDidUpdate()}},{key:"render",value:function(){return r.Children.only(this.props.children)}}]),t}(r.Component);c.propTypes={children:i.default.element.isRequired,contentDidMount:i.default.func.isRequired,contentDidUpdate:i.default.func.isRequired},t.default=c},2112:function(e,t,n){"use strict";n.r(t),t.default='import \'date-fns\';\nimport React from \'react\';\nimport Grid from \'@material-ui/core/Grid\';\nimport DateFnsUtils from \'@date-io/date-fns\';\nimport {\n MuiPickersUtilsProvider,\n KeyboardTimePicker,\n KeyboardDatePicker,\n} from \'@material-ui/pickers\';\n\nexport default function MaterialUIPickers() {\n // The first commit of Material-UI\n const [selectedDate, setSelectedDate] = React.useState(new Date(\'2014-08-18T21:11:54\'));\n\n const handleDateChange = (date) => {\n setSelectedDate(date);\n };\n\n return (\n <MuiPickersUtilsProvider utils={DateFnsUtils}>\n <Grid container justifyContent="space-around">\n <KeyboardDatePicker\n disableToolbar\n variant="inline"\n format="MM/dd/yyyy"\n margin="normal"\n id="date-picker-inline"\n label="Date picker inline"\n value={selectedDate}\n onChange={handleDateChange}\n KeyboardButtonProps={{\n \'aria-label\': \'change date\',\n }}\n />\n <KeyboardDatePicker\n margin="normal"\n id="date-picker-dialog"\n label="Date picker dialog"\n format="MM/dd/yyyy"\n value={selectedDate}\n onChange={handleDateChange}\n KeyboardButtonProps={{\n \'aria-label\': \'change date\',\n }}\n />\n <KeyboardTimePicker\n margin="normal"\n id="time-picker"\n label="Time picker"\n value={selectedDate}\n onChange={handleDateChange}\n KeyboardButtonProps={{\n \'aria-label\': \'change time\',\n }}\n />\n </Grid>\n </MuiPickersUtilsProvider>\n );\n}\n'},2113:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return c}));n(0);var a=n(1072),r=n(1096),i=n(1);const o=Object(a.a)((e=>({container:{display:"flex",flexWrap:"wrap"},textField:{marginLeft:e.spacing(1),marginRight:e.spacing(1),width:200}})));function c(){const e=o();return Object(i.jsx)("form",{className:e.container,noValidate:!0,children:Object(i.jsx)(r.a,{id:"date",label:"Birthday",type:"date",defaultValue:"2017-05-24",className:e.textField,InputLabelProps:{shrink:!0}})})}},2114:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n textField: {\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n width: 200,\n },\n}));\n\nexport default function DatePickers() {\n const classes = useStyles();\n\n return (\n <form className={classes.container} noValidate>\n <TextField\n id=\"date\"\n label=\"Birthday\"\n type=\"date\"\n defaultValue=\"2017-05-24\"\n className={classes.textField}\n InputLabelProps={{\n shrink: true,\n }}\n />\n </form>\n );\n}\n"},2115:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return c}));n(0);var a=n(1072),r=n(1096),i=n(1);const o=Object(a.a)((e=>({container:{display:"flex",flexWrap:"wrap"},textField:{marginLeft:e.spacing(1),marginRight:e.spacing(1),width:200}})));function c(){const e=o();return Object(i.jsx)("form",{className:e.container,noValidate:!0,children:Object(i.jsx)(r.a,{id:"datetime-local",label:"Next appointment",type:"datetime-local",defaultValue:"2017-05-24T10:30",className:e.textField,InputLabelProps:{shrink:!0}})})}},2116:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n textField: {\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n width: 200,\n },\n}));\n\nexport default function DateAndTimePickers() {\n const classes = useStyles();\n\n return (\n <form className={classes.container} noValidate>\n <TextField\n id=\"datetime-local\"\n label=\"Next appointment\"\n type=\"datetime-local\"\n defaultValue=\"2017-05-24T10:30\"\n className={classes.textField}\n InputLabelProps={{\n shrink: true,\n }}\n />\n </form>\n );\n}\n"},2117:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return c}));n(0);var a=n(1072),r=n(1096),i=n(1);const o=Object(a.a)((e=>({container:{display:"flex",flexWrap:"wrap"},textField:{marginLeft:e.spacing(1),marginRight:e.spacing(1),width:200}})));function c(){const e=o();return Object(i.jsx)("form",{className:e.container,noValidate:!0,children:Object(i.jsx)(r.a,{id:"time",label:"Alarm clock",type:"time",defaultValue:"07:30",className:e.textField,InputLabelProps:{shrink:!0},inputProps:{step:300}})})}},2118:function(e,t,n){"use strict";n.r(t),t.default="import React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n textField: {\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n width: 200,\n },\n}));\n\nexport default function TimePickers() {\n const classes = useStyles();\n\n return (\n <form className={classes.container} noValidate>\n <TextField\n id=\"time\"\n label=\"Alarm clock\"\n type=\"time\"\n defaultValue=\"07:30\"\n className={classes.textField}\n InputLabelProps={{\n shrink: true,\n }}\n inputProps={{\n step: 300, // 5 min\n }}\n />\n </form>\n );\n}\n"},2506:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return N}));var a=n(0),r=n.n(a),i=n(1172),o=n(403),c=n(1056),s=n(20),l=(n(553),n(1167)),d=(n(2),n(7),n(1072)),u=n(1216),m=n(1236),p=(n(1215),n(64),n(1217)),f=(n(88),n(34),n(164),n(196),n(197),Object(d.a)({toolbar:{flexDirection:"column",alignItems:"flex-start"},toolbarLandscape:{padding:16},dateLandscape:{marginRight:16}},{name:"MuiPickersDatePickerRoot"})),h=function(e){var t=e.date,n=e.views,r=e.setOpenView,i=e.isLandscape,o=e.openView,s=Object(c.b)(),d=f(),p=Object(a.useMemo)((function(){return Object(m.d)(n)}),[n]),h=Object(a.useMemo)((function(){return Object(m.b)(n)}),[n]);return Object(a.createElement)(u.b,{isLandscape:i,className:Object(l.a)(!p&&d.toolbar,i&&d.toolbarLandscape)},Object(a.createElement)(u.c,{variant:p?"h3":"subtitle1",onClick:function(){return r("year")},selected:"year"===o,label:s.getYearText(t)}),!p&&!h&&Object(a.createElement)(u.c,{variant:"h4",selected:"date"===o,onClick:function(){return r("date")},align:i?"left":"center",label:s.getDatePickerHeaderText(t),className:Object(l.a)(i&&d.dateLandscape)}),h&&Object(a.createElement)(u.c,{variant:"h4",onClick:function(){return r("month")},selected:"month"===o,label:s.getMonthText(t)}))};function b(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}var j=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?b(n,!0).forEach((function(t){Object(s.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):b(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},p.c,{openTo:"date",views:["year","date"]});function y(e){var t=Object(c.b)();return{getDefaultFormat:function(){return Object(m.c)(e.views,t)}}}var O=Object(u.g)({useOptions:y,Input:u.d,useState:u.i,DefaultToolbarComponent:h}),x=Object(u.g)({useOptions:y,Input:u.a,useState:u.e,DefaultToolbarComponent:h});O.defaultProps=j,x.defaultProps=j;var g=n(1255);function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}var w=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(n,!0).forEach((function(t){Object(s.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},p.d,{openTo:"hours",views:["hours","minutes"]});function k(e){var t=Object(c.b)();return{getDefaultFormat:function(){return Object(u.h)(e.format,e.ampm,{"12h":t.time12hFormat,"24h":t.time24hFormat})}}}var P=Object(u.g)({useOptions:k,Input:u.d,useState:u.i,DefaultToolbarComponent:g.a}),D=Object(u.g)({useOptions:k,Input:u.a,useState:u.e,DefaultToolbarComponent:g.a,getCustomProps:function(e){return{refuse:e.ampm?/[^\dap]+/gi:/[^\d]+/gi}}});P.defaultProps=w,D.defaultProps=w;var C=n(1);function N(){const[e,t]=r.a.useState(new Date("2014-08-18T21:11:54")),n=e=>{t(e)};return Object(C.jsx)(c.a,{utils:o.a,children:Object(C.jsxs)(i.a,{container:!0,justifyContent:"space-around",children:[Object(C.jsx)(x,{disableToolbar:!0,variant:"inline",format:"MM/dd/yyyy",margin:"normal",id:"date-picker-inline",label:"Date picker inline",value:e,onChange:n,KeyboardButtonProps:{"aria-label":"change date"}}),Object(C.jsx)(x,{margin:"normal",id:"date-picker-dialog",label:"Date picker dialog",format:"MM/dd/yyyy",value:e,onChange:n,KeyboardButtonProps:{"aria-label":"change date"}}),Object(C.jsx)(D,{margin:"normal",id:"time-picker",label:"Time picker",value:e,onChange:n,KeyboardButtonProps:{"aria-label":"change time"}})]})})}},2594:function(e,t,n){"use strict";n.r(t);var a=n(1130),r=n(1098),i=n(1090),o=n(194),c=n(1072),s=n(1);const l=Object(c.a)((e=>({layoutRoot:{"& .description":{marginBottom:16}}})));t.default=function(e){return l(),Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)("div",{className:"flex flex-1 flex-grow-0 items-center justify-end",children:Object(s.jsxs)(r.a,{className:"normal-case",variant:"outlined",component:"a",href:"https://material-ui.com/components/pickers",target:"_blank",role:"button",children:[Object(s.jsx)(i.a,{children:"link"}),Object(s.jsx)("span",{className:"mx-4",children:"Reference"})]})}),Object(s.jsx)(o.a,{className:"text-44 mt-32 mb-8",component:"h1",children:"Date / Time pickers"}),Object(s.jsx)(o.a,{className:"description",children:"Date pickers and Time pickers provide a simple way to select a single value from a pre-determined set."}),Object(s.jsxs)("ul",{children:[Object(s.jsx)("li",{children:"On mobile, pickers are best suited for display in confirmation dialog."}),Object(s.jsx)("li",{children:"For inline display, such as on a form, consider using compact controls such as segmented dropdown buttons."})]}),Object(s.jsx)(o.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"@material-ui/pickers"}),Object(s.jsxs)(o.a,{className:"mb-16",component:"div",children:[" ",'src="https://img.shields.io/github/stars/mui-org/material-ui-pickers.svg?style=social&label=Stars" alt="stars/> src="https://img.shields.io/npm/dm/@material-ui/pickers.svg" alt="npm downloads/>']}),Object(s.jsxs)(o.a,{className:"mb-16",component:"div",children:[Object(s.jsx)("a",{href:"https://material-ui-pickers.dev/",children:"@material-ui/pickers"})," provides date picker and time picker controls."]}),Object(s.jsx)(o.a,{className:"mb-16",component:"div",children:Object(s.jsx)(a.a,{className:"my-24",iframe:!1,component:n(2506).default,raw:n(2112)})}),Object(s.jsx)(o.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Native pickers"}),Object(s.jsxs)(o.a,{className:"mb-16",component:"div",children:["\u26a0\ufe0f Native input controls support by browsers"," ",Object(s.jsx)("a",{href:"https://caniuse.com/#feat=input-datetime",children:"isn't perfect"}),". Have a look at"," ",Object(s.jsx)("a",{href:"https://material-ui-pickers.dev/",children:"@material-ui/pickers"})," for a richer solution."]}),Object(s.jsx)(o.a,{className:"text-24 mt-32 mb-8",component:"h3",children:"Datepickers"}),Object(s.jsxs)(o.a,{className:"mb-16",component:"div",children:["A native datepicker example with ",Object(s.jsx)("code",{children:'type="date"'}),"."]}),Object(s.jsx)(o.a,{className:"mb-16",component:"div",children:Object(s.jsx)(a.a,{className:"my-24",iframe:!1,component:n(2113).default,raw:n(2114)})}),Object(s.jsx)(o.a,{className:"text-24 mt-32 mb-8",component:"h3",children:"Date & Time pickers"}),Object(s.jsxs)(o.a,{className:"mb-16",component:"div",children:["A native date & time picker example with ",Object(s.jsx)("code",{children:'type="datetime-local"'}),"."]}),Object(s.jsx)(o.a,{className:"mb-16",component:"div",children:Object(s.jsx)(a.a,{className:"my-24",iframe:!1,component:n(2115).default,raw:n(2116)})}),Object(s.jsx)(o.a,{className:"text-24 mt-32 mb-8",component:"h3",children:"Time pickers"}),Object(s.jsxs)(o.a,{className:"mb-16",component:"div",children:["A native time picker example with ",Object(s.jsx)("code",{children:'type="time"'}),"."]}),Object(s.jsx)(o.a,{className:"mb-16",component:"div",children:Object(s.jsx)(a.a,{className:"my-24",iframe:!1,component:n(2117).default,raw:n(2118)})})]})}}}]);
Zerion Mini Shell 1.0