import React , { FC , useState } from 'react' ; import { JobSelectorFlyoutContent , JobSelectorFlyoutProps , } from '../../../application/components/job_selector/job_selector_flyout' ; export const JobSelectorFlyout = ( { selectedIds , withTimeRangeSelector , dateFormatTz , singleSelection , timeseriesOnly , onFlyoutClose , onSelectionConfirmed , maps , } ) => { const [ applyTimeRangeState , setApplyTimeRangeState ] = useState < boolean > ( true ) ; return ( < JobSelectorFlyoutContent selectedIds = { selectedIds } withTimeRangeSelector = { withTimeRangeSelector } dateFormatTz = { dateFormatTz } singleSelection = { singleSelection } timeseriesOnly = { timeseriesOnly } onFlyoutClose = { onFlyoutClose } onSelectionConfirmed = { onSelectionConfirmed } onTimeRangeConfigChange = { setApplyTimeRangeState } applyTimeRangeConfig = { applyTimeRangeState } maps = { maps } / > ) ; } ;