{"version":3,"file":"CalendarHeader.mjs","sources":["../../../../../src/components/DateTimePickers/TimeRangePicker/CalendarHeader.tsx"],"sourcesContent":["import { selectors } from '@grafana/e2e-selectors';\n\nimport { Trans, t } from '../../../utils/i18n';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Stack } from '../../Layout/Stack/Stack';\n\nimport { TimePickerCalendarProps } from './TimePickerCalendar';\nimport { TimePickerTitle } from './TimePickerTitle';\n\nexport function Header({ onClose }: TimePickerCalendarProps) {\n  return (\n    <Stack justifyContent=\"space-between\">\n      <TimePickerTitle>\n        <Trans i18nKey=\"time-picker.calendar.select-time\">Select a time range</Trans>\n      </TimePickerTitle>\n\n      <IconButton\n        data-testid={selectors.components.TimePicker.calendar.closeButton}\n        tooltip={t(`time-picker.calendar.close`, 'Close calendar')}\n        name=\"times\"\n        variant=\"secondary\"\n        onClick={onClose}\n      />\n    </Stack>\n  );\n}\n\nHeader.displayName = 'Header';\n"],"names":[],"mappings":";;;;;;;AASgB,SAAA,MAAA,CAAO,EAAE,OAAA,EAAoC,EAAA;AAC3D,EACE,uBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,cAAA,EAAe,eACpB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,mBACC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA,EAAM,OAAQ,EAAA,kCAAA,EAAmC,iCAAmB,CACvE,EAAA,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,aAAa,EAAA,SAAA,CAAU,UAAW,CAAA,UAAA,CAAW,QAAS,CAAA,WAAA;AAAA,QACtD,OAAA,EAAS,CAAE,CAAA,CAAA,0BAAA,CAAA,EAA8B,gBAAgB,CAAA;AAAA,QACzD,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,WAAA;AAAA,QACR,OAAS,EAAA;AAAA;AAAA;AACX,GACF,EAAA,CAAA;AAEJ;AAEA,MAAA,CAAO,WAAc,GAAA,QAAA;;;;"}