{"version":3,"sources":["../../../src/components/DatePicker/renderDatePicker.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { DatePickerSlots, DatePickerState } from './DatePicker.types';\n\n/**\n * Renders the final JSX of DatePicker. The popup surface follows the field in the DOM, so Tab and Shift+Tab move\n * between the field and the calendar in their natural order.\n */\nexport const renderDatePicker = (state: DatePickerState): JSXElement => {\n  assertSlots<DatePickerSlots>(state);\n\n  return (\n    <>\n      <state.root>\n        {state.input && <state.input />}\n        {state.trigger && (\n          <state.trigger>\n            <state.displayValue />\n            {state.icon && <state.icon />}\n          </state.trigger>\n        )}\n        {state.input && state.icon && <state.icon />}\n      </state.root>\n      {state.errorMessage && <state.errorMessage />}\n      {state.open && (\n        <state.popupSurface>\n          <state.calendar />\n        </state.popupSurface>\n      )}\n    </>\n  );\n};\n"],"names":["renderDatePicker","state","assertSlots","root","input","trigger","displayValue","icon","errorMessage","open","popupSurface","calendar"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;;;;+BASpCA;;;eAAAA;;;;gCARe;AAQrB,MAAMA,mBAAmB,CAACC;IAC/BC,IAAAA,2BAAW,EAAkBD;IAE7B,qBACE;;0BACE,sBAACA,MAAME,IAAI;;oBACRF,MAAMG,KAAK,kBAAI,qBAACH,MAAMG,KAAK;oBAC3BH,MAAMI,OAAO,kBACZ,sBAACJ,MAAMI,OAAO;;0CACZ,qBAACJ,MAAMK,YAAY;4BAClBL,MAAMM,IAAI,kBAAI,qBAACN,MAAMM,IAAI;;;oBAG7BN,MAAMG,KAAK,IAAIH,MAAMM,IAAI,kBAAI,qBAACN,MAAMM,IAAI;;;YAE1CN,MAAMO,YAAY,kBAAI,qBAACP,MAAMO,YAAY;YACzCP,MAAMQ,IAAI,kBACT,qBAACR,MAAMS,YAAY;0BACjB,cAAA,qBAACT,MAAMU,QAAQ;;;;AAKzB"}