@guruhotel/aura-ui/cjs/date-field/time-field.js

⚛️ React UI library by GuruHotel

exports.__esModule=!0,exports.default=void 0;var e=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=c(r);if(t&&t.has(e))return t.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var n=i?Object.getOwnPropertyDescriptor(e,o):null;n&&(n.get||n.set)?Object.defineProperty(a,o,n):a[o]=e[o]}a.default=e,t&&t.set(e,a);return a}(require("react")),r=require("@react-aria/i18n"),t=require("@react-stately/datepicker"),a=require("@react-aria/datepicker"),i=require("./date-segment"),o=require("./date-field.styles"),n=require("../icons"),l=require("../theme"),u=require("../box"),s=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(c=function(e){return e?t:r})(e)}var d=function({colorScheme:c="guru",size:d="md",rounded:f="md",dateInvalidIcon:p,...m}){const{locale:x}=(0,r.useLocale)(),v=(0,t.useTimeFieldState)({...m,locale:x}),j=(0,e.useRef)(),{fieldProps:y}=(0,a.useTimeField)(m,v,j),{theme:q}=(0,l.useTheme)();return(0,s.jsxs)(o.DateFieldElements,{...y,ref:j,colorScheme:c,size:d,children:[v.segments.map(((e,r)=>(0,s.jsx)(i.DateSegment,{segment:e,state:v,rounded:f},`${e.text}-${r}`))),"invalid"===v.validationState&&(0,s.jsx)(u.Box,{css:{mx:"$2"},children:p||(0,s.jsx)(n.CircleExclamationSolid,{label:"Exclamation",color:null==q?void 0:q.colors.red11.value})})]})};exports.default=d,module.exports=exports.default;