{"version":3,"file":"UdpTimeSelector.mjs","names":["React","makeStyles","PropTypes","useStyles","theme","timeInput","borderRadius","height","padding","spacing","margin","fontSize","border","backgroundColor","borderColor","palette","primary","main","outline","UdpTimeSelector","props","$","_c","classes","id","label","otherProps","t0","t1","t2","labelRoot","propTypes","string"],"sources":["../../../../src/UI/inputs/pickers/UdpTimeSelector.jsx"],"sourcesContent":["import React from 'react';  \nimport { makeStyles } from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  // Style for the time input box with transparent background  \n  timeInput: {  \n    borderRadius: 2, // Rounded corners with a radius of 2px  \n    height: 32, \n    padding: theme.spacing(1), // Padding inside the input box, typically 8px if default theme spacing is used  \n    margin: theme.spacing(1), // Margin outside the input box to create space around the element  \n    fontSize: 14, // Font size of 14px for the text inside the input  \n    border: '1px solid #ced4da', // Border of 1px solid grey, matching old Material-UI grey  \n    backgroundColor: 'transparent', \n    '&:focus': {  \n      borderColor: theme.palette.primary.main, // Border color changes to primary color when the input is focused  \n      outline: 'none', // Removes the default browser outline on focus  \n    },  \n  },  \n}));  \n\n  \nexport const UdpTimeSelector = (props) => {  \n  const classes = useStyles();  \n  const { id, label, ...otherProps } = props;  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"time\"  \n        id={id}  \n        udprecordid={\"udpRecord-FluentTimePicker-\"+id}\n        className={classes.timeInput}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpTimeSelector.propTypes = {  \n  /**  \n   * Label for the time input  \n   */  \n  label: PropTypes.string,  \n  /**  \n   * Id for the time input  \n   */  \n  id: PropTypes.string,  \n};  \n  \nexport default UdpTimeSelector; "],"mappings":";;;;;AAIA,MAAMG,YAAYF,YAAYG,WAAW,EAEvCC,WAAW;CACTC,cAAc;CACdC,QAAQ;CACRC,SAASJ,MAAMK,QAAQ,EAAE;CACzBC,QAAQN,MAAMK,QAAQ,EAAE;CACxBE,UAAU;CACVC,QAAQ;CACRC,iBAAiB;CACjB,WAAW;EACTC,aAAaV,MAAMW,QAAQC,QAAQC;EACnCC,SAAS;EACX;CACF,EACD,EAAE;AAGH,MAAaC,mBAAkBC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAC7B,MAAAC,UAAgBpB,WAAW;CAAC,IAAAqB;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAL,EAAA,OAAAD,OAAA;AAC5B,GAAA,CAAAI,IAAAC,UAAAC,cAAqCN;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;QAAA;AAAAF,OAAAH,EAAA;AAAAI,UAAAJ,EAAA;AAAAK,eAAAL,EAAA;;CAQxB,MAAAM,KAAA,gCAA8BH;CAAE,IAAAI;AAAA,KAAAP,EAAA,OAAAE,QAAAlB,aAAAgB,EAAA,OAAAG,MAAAH,EAAA,OAAAK,cAAAL,EAAA,OAAAM,IAAA;AAH/CC,OAAA,sBAAA,cAAA,SAAA;GACO,MAAA;GACDJ;GACS,aAAAG;GACF,WAAAJ,QAAOlB;GAAU,GACxBqB;GACJ,CAAA;AAAAL,IAAA,KAAAE,QAAAlB;AAAAgB,IAAA,KAAAG;AAAAH,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAE,QAAAO,aAAAT,EAAA,QAAAG,MAAAH,EAAA,QAAAI,SAAAJ,EAAA,QAAAO,IAAA;AARJC,OAAA,sBAAA,cAAA,SAAA;GAAgBL,SAAAA;GAAe,WAAAD,QAAOO;GAS9B,EARLL,OACDG,GAOM;AAAAP,IAAA,KAAAE,QAAAO;AAAAT,IAAA,MAAAG;AAAAH,IAAA,MAAAI;AAAAJ,IAAA,MAAAO;AAAAP,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QATRQ;;AAaJV,gBAAgBY,YAAY;CAI1BN,OAAOvB,UAAU8B;CAIjBR,IAAItB,UAAU8B;CACf"}