importReactfrom'react'import{endOfToday,set}from'date-fns'importTimeRangefrom'react-timeline-range-slider'constnow=newDate()constgetTodayAtSpecificHour=(hour=12)=>set(now,{hours:hour,minutes:0,seconds:0,milliseconds:0})constselectedStart=getTodayAtSpecificHour()constselectedEnd=getTodayAtSpecificHour(14)conststartTime=getTodayAtSpecificHour(7)constendTime=endOfToday()constdisabledIntervals=[{start:getTodayAtSpecificHour(16),end:getTodayAtSpecificHour(17)},{start:getTodayAtSpecificHour(7),end:getTodayAtSpecificHour(12)},{start:getTodayAtSpecificHour(20),end:getTodayAtSpecificHour(24)}]classAppextendsReact.Component{state={error:false,selectedInterval:[selectedStart,selectedEnd],}errorHandler=({ error})=>this.setState({ error})onChangeCallback=selectedInterval=>this.setState({ selectedInterval})render(){const{ selectedInterval, error}=this.statereturn(<TimeRangeerror={error}ticksNumber={36}selectedInterval={selectedInterval}timelineInterval={[startTime,endTime]}onUpdateCallback={this.errorHandler}onChangeCallback={this.onChangeCallback}disabledIntervals={disabledIntervals}/>)}}exportdefaultApp