ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 22px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  border-top: 26px solid transparent;
  border-right: 33px solid `).concat(y.colors.gray[4],`;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover {
  border-right: 33px solid `).concat(y.colors.blue[4],`
}
.DayPickerKeyboardShortcuts_show__topRight {
  border-bottom: 26px solid transparent;
  border-right: 33px solid `).concat(y.colors.gray[4],`;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover {
  border-right: 33px solid `).concat(y.colors.blue[4],`
}
.DayPickerKeyboardShortcuts_show__topLeft {
  border-bottom: 26px solid transparent;
  border-left: 33px solid `).concat(y.colors.gray[4],`;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover {
  border-left: 33px solid `).concat(y.colors.blue[4],`
}
.DayPickerKeyboardShortcuts_showSpan {
  color: `).concat(y.colors.white,`;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: -28px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: -28px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: -28px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: `).concat(y.colors.white,`;
  border: 1px solid `).concat(y.colors.gray[7],`;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px
}
.DayPickerKeyboardShortcuts_title {
  font-size: 14px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: `).concat(y.colors.gray[5],`
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: `).concat(y.colors.gray[4],`
}
.KeyboardShortcutRow {
  list-style: none;
  margin: 6px 0
}
.KeyboardShortcutRow__block {
  margin-bottom: 15px
}
.KeyboardShortcutRow_keyContainer {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin-right: 6px
}
.KeyboardShortcutRow_keyContainer__block {
  width: auto;
  text-align: left;
  display: inline
}
.KeyboardShortcutRow_key {
  font-family: monospace;
  font-size: 12px;
  text-transform: uppercase;
  background: `).concat(y.colors.gray[8],`;
  padding: 2px 6px
}
.KeyboardShortcutRow_action {
  display: inline;
  word-break: break-word;
  margin-left: 8px
}
.DayPickerNavigation_container {
  position: relative;
  z-index: 2
}
.DayPickerNavigation_container__vertical {
  background: `).concat(y.colors.white,`;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%
}
.DayPickerNavigation_container__verticalScrollable {
  position: relative
}
.DayPickerNavigation_button {
  cursor: pointer;
  line-height: .78;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DayPickerNavigation_button__default {
  border: 1px solid `).concat(y.colors.gray[8],`;
  background-color: `).concat(y.colors.white,`;
  color: `).concat(y.colors.gray[4],`
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid `).concat(y.colors.gray[5],`
}
.DayPickerNavigation_button__default:active {
  background: `).concat(y.colors.gray[8],`
}
.DayPickerNavigation_button__horizontal {
  border-radius: 3px;
  padding: 6px 9px;
  top: 18px;
  position: absolute;
  /*CUSTOM CSS*/
  border: 1px solid `).concat(y.colors.gray[7],`!important;
  background-color: `).concat(y.colors.white,`!important;
  color: `).concat(y.colors.gray[4],`!important;
}
.DayPickerNavigation_button__horizontal:hover {
  /*CUSTOM CSS*/
  border: 1px solid `).concat(y.colors.gray[5],`!important;
}

.DayPickerNavigation_leftButton__horizontal {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontal {
  right: 22px
}
.DayPickerNavigation_button__vertical {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_button__vertical__default {
  padding: 5px
}
.DayPickerNavigation_nextButton__vertical__default {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollable {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: `).concat(y.colors.gray[4],`
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: `).concat(y.colors.gray[1],`
}
.CalendarMonthGrid {
  background: `).concat(y.colors.white,`;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical {
  margin: 0 auto
}
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonth {
  background: `).concat(y.colors.white,`;
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_caption {
  color: `).concat(y.colors.gray[1],`;
  font-size: 14px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 46px;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarDay_container {
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: `).concat(y.colors.gray[4],`;
  background: `).concat(y.colors.white,`
}
.CalendarDay_container:hover {
  background: `).concat(y.colors.blue[9],`;
  color: `).concat(y.colors.blue[1],`
}
.CalendarDay_button {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  background: 0 0!important;
  border: 0!important;
  margin: 0;
  padding: 0;
  color: inherit!important;
  font: inherit;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  box-shadow: none!important;
}
.CalendarDay_button:active {
  outline: 0
}
.CalendarDay_button__default {
  cursor: default
}
.CalendarDay__outside {
  border: 0;
  background: `).concat(y.colors.white,`;
  color: `).concat(y.colors.gray[1],`
}
.CalendarDay__blocked_minimum_nights {
  background: `).concat(y.colors.white,`;
  border: 1px solid `).concat(y.colors.gray[8],`;
  color: `).concat(y.colors.gray[5],`
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: `).concat(y.colors.white,`;
  color: `).concat(y.colors.gray[5],`
}
.CalendarDay__highlighted_calendar {
  background: `).concat(y.colors.blue[9],`;
  color: `).concat(y.colors.gray[1],`
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: `).concat(y.colors.blue[4],`;
  color: `).concat(y.colors.blue[1],`
}
.CalendarDay__selected_span {
  background: `).concat(y.colors.blue[9],`;
  color: `).concat(y.colors.blue[4],`
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: `).concat(y.colors.blue[8],`;
  color: `).concat(y.colors.blue[1],`
}
.CalendarDay__last_in_range {
  border-right: `).concat(y.colors.gray[5],`
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: `).concat(y.colors.blue[4],`;
  color: `).concat(y.colors.white,`
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: `).concat(y.colors.blue[9],`;
  color: `).concat(y.colors.blue[1],`
}
.CalendarDay__hovered_span:active {
  background: `).concat(y.colors.blue[4],`;
  color: `).concat(y.colors.white,`
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: `).concat(y.colors.gray[5],`;
  color: `).concat(y.colors.gray[4],`
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: `).concat(y.colors.white,`;
  color: `).concat(y.colors.gray[6],`;
}
.CalendarDay__blocked_out_of_range .CalendarDay_button__default {
  cursor: not-allowed;
  text-decoration: line-through !important;
}
.DateRangePickerInput {
  background-color: `).concat(y.colors.white,`;
  border: 1px solid `).concat(y.colors.gray[5],`;
  display: inline-flex;
  align-items: center;
}
.DateRangePickerInput:hover {
  border: 1px solid `).concat(y.colors.blue[4],`;
}
.DateRangePickerInput__disabled {
  background: `).concat(y.colors.gray[5],`
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput_arrow {
  display: inline-flex;
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: `).concat(y.colors.gray[1],`;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px
}
.DateRangePickerInput_clearDates:focus,
.DateRangePickerInput_clearDates:hover {
  background: `).concat(y.colors.gray[7],`;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: `).concat(y.colors.gray[4],`;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: `).concat(y.colors.gray[4],`;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateInput {
  font-size: 14px;
  line-height: 24px;
  color: `).concat(y.colors.gray[4],`;
  margin: 0;
  padding: 4px;
  background: `).concat(y.colors.white,`;
  position: relative;
  display: inline-block;
  vertical-align: middle
}
.DateInput__withCaret:after,
.DateInput__withCaret:before {
  content: "";
  display: none;
  position: absolute;
  bottom: auto;
  border: 9px solid transparent;
  left: 22px;
  z-index: 2;
}
.DateInput__openUp:before {
  border-bottom: 0;
  top: -24px;
  border-top-color: `).concat(y.colors.gray[5],`
}
.DateInput__openUp:after {
  border-bottom: 0;
  top: -25px;
  border-top-color: `).concat(y.colors.white,`
}
.DateInput__openDown:before {
  border-top: 0;
  top: 62px;
  border-bottom-color: `).concat(y.colors.gray[5],`
}
.DateInput__openDown:after {
  border-top: 0;
  top: 63px;
  border-bottom-color: `).concat(y.colors.white,`
}
.DateInput__disabled {
  background: `).concat(y.colors.gray[5],`
}
.DateInput_input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer!important;
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_displayText {
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden
}
.DateInput_displayText__hasInput {
  color: `).concat(y.colors.gray[1],`
}
.DateInput_displayText__focused {
  background: `).concat(y.colors.blue[9],`;
  border-color: `).concat(y.colors.blue[9],`;
  color: `).concat(y.colors.gray[1],`
}
.DateInput_displayText__disabled {
  font-style: italic
}`),dc=w("../../../../node_modules/@cloudflare/util-formatters/es/index.js"),pc="startDate",fc="endDate";class Ul extends e().Component{constructor(P){super(P);this.state={focusedInput:null},this.onFocusChange=this.onFocusChange.bind(this)}onFocusChange(P){this.setState({focusedInput:P})}render(){var{startDate:P,endDate:x,onDatesChange:j,isOutsideRange:J}=this.props;return e().createElement("div",null,e().createElement(vu.DateRangePicker,{required:!0,minimumNights:0,readOnly:!0,displayFormat:dc.pN.ShortDate,hideKeyboardShortcutsPanel:!0,keepOpenOnDateSelect:!0,startDate:P,endDate:x,onDatesChange:j,focusedInput:this.state.focusedInput,onFocusChange:this.onFocusChange,isOutsideRange:J,customArrowIcon:e().createElement(Ve.J,{color:"gray.4",label:"forward",type:"forward"}),navPrev:e().createElement(Ve.J,{color:"blue.4",label:"Previous",type:"left"}),navNext:e().createElement(Ve.J,{color:"blue.4",label:"Next",type:"right"})}))}}Ul.propTypes={startDate:$i().momentObj,endDate:$i().momentObj,onDatesChange:ee().func.isRequired,focusedInput:ee().oneOf([pc,fc]),isOutsideRange:ee().func.isRequired},Ul.displayName="DateRangePickerWrapper";var Fd=(0,t.applyStaticStyles)(yu,Ul);function Ha(y,P,x){return P in y?Object.defineProperty(y,P,{value:x,enumerable:!0,configurable:!0,writable:!0}):y[P]=x,y}var hc=y=>!isNaN(y)&&isFinite(y),ys=y=>y.toString().padStart(2,"0"),bu=y=>P=>{if(P.length>2)return!1;if(P==="")return!0;var x=parseInt(P,10);return!(!hc(x)||x>=y||x<0)},mc=bu(24),vc=bu(60),_u={"-webkit-appearance":"none",margin:0},Eu=(0,t.createStyledComponent)(()=>({my:0,width:"48px",textAlign:"center","-moz-appearance":"textfield","&::-webkit-inner-spin-button":_u,"&::-webkit-outer-spin-button":_u}),"input");class zl extends r.Component{constructor(){super(...arguments);Ha(this,"state",{hour:ys(this.props.hour),minutes:ys(this.props.minutes)}),Ha(this,"handleHourChange",P=>{var x=P.currentTarget.value;mc(x)&&this.setState({hour:x})}),Ha(this,"handleMinuteChange",P=>{var x=P.currentTarget.value;vc(x)&&this.setState({minutes:x})}),Ha(this,"handleFormSubmit",P=>{P.preventDefault(),this.propagateInputChange()}),Ha(this,"propagateInputChange",()=>{var{hour:P,minutes:x}=this.state;this.props.onChange({hour:P,minutes:x})})}componentDidUpdate(P){this.props.hour!==P.hour&&this.setState({hour:ys(this.props.hour)}),this.props.minutes!==P.minutes&&this.setState({minutes:ys(this.props.minutes)})}render(){return e().createElement(Ie,{display:"flex",className:this.props.className,onKeyPress:P=>{P.key==="Enter"&&this.handleFormSubmit(P)}},e().createElement(Eu,{type:"number",value:this.state.hour,onChange:this.handleHourChange,onBlur:this.propagateInputChange,onFocus:this.props.onFocus,mr:2}),e().createElement(Eu,{type:"number",value:this.state.minutes,onChange:this.handleMinuteChange,onBlur:this.propagateInputChange,onFocus:this.props.onFocus}))}}Ha(zl,"propTypes",{hour:ee().number,minutes:ee().number,onChange:ee().func,className:ee().string,onFocus:ee().func}),Ha(zl,"defaultProps",{onFocus:()=>{}});var wu=(0,t.createStyledComponent)(()=>{},zl);function Hl(){return Hl=Object.assign?Object.assign.bind():function(y){for(var P=1;P<arguments.length;P++){var x=arguments[P];for(var j in x)Object.prototype.hasOwnProperty.call(x,j)&&(y[j]=x[j])}return y},Hl.apply(this,arguments)}function Ou(y,P){var x=Object.keys(y);if(Object.getOwnPropertySymbols){var j=Object.getOwnPropertySymbols(y);P&&(j=j.filter(function(J){return Object.getOwnPropertyDescriptor(y,J).enumerable})),x.push.apply(x,j)}return x}function Tu(y){for(var P=1;P<arguments.length;P++){var x=arguments[P]!=null?arguments[P]:{};P%2?Ou(Object(x),!0).forEach(function(j){_a(y,j,x[j])}):Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(x)):Ou(Object(x)).forEach(function(j){Object.defineProperty(y,j,Object.getOwnPropertyDescriptor(x,j))})}return y}function _a(y,P,x){return P in y?Object.defineProperty(y,P,{value:x,enumerable:!0,configurable:!0,writable:!0}):y[P]=x,y}var gc=(0,t.createStyledComponent)(y=>{var{theme:P,compact:x,disabled:j}=y;return{display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:j?P.colors.gray[8]:P.colors.white,borderColor:P.colors.gray[6],borderRadius:P.radii[2],borderWidth:1,borderStyle:"solid",py:x?0:"2px",px:x?0:"3px",opacity:j?.5:void 0}}),Su=(0,t.createStyledComponent)(y=>{var{theme:P,focused:x,compact:j,disabled:J}=y;return Tu(Tu({px:j?"6px":2,py:j?"2px":1,borderRadius:P.radii[2],cursor:J?"default":"pointer",display:"flex",alignItems:"baseline"},x&&{backgroundColor:P.colors.blue[9]}),!x&&{"&:hover":{backgroundColor:J?void 0:P.colors.gray[9]}})},"div"),yc=(0,t.createStyledComponent)(y=>{var{theme:P,compact:x,disabled:j}=y;return{alignSelf:"stretch",backgroundColor:"transparent",borderColor:"transparent",color:"currentColor",px:x?1:2,py:x?0:2,mr:x?1:0,display:"flex",alignItems:"center",borderWidth:0,":hover":{backgroundColor:j?void 0:P.colors.gray[9]},":active":{backgroundColor:P.colors.gray[9]},":focus":{boxShadow:"none"}}},"button"),Cu=(0,t.createStyledComponent)(y=>{var{compact:P,disabled:x}=y;return{fontSize:P?1:2,whiteSpace:"nowrap",opacity:x?.5:void 0}}),Pu=(0,t.createStyledComponent)(y=>{var{theme:P,compact:x,disabled:j}=y;return{ml:x?1:2,fontSize:1,color:P.colors.gray[4],opacity:j?.5:void 0}}),bc=(0,t.createStyledComponent)(()=>({position:"relative"})),_c=(0,t.applyStaticStyles)(yu,(0,t.createStyledComponent)(()=>({position:"absolute",zIndex:1,right:0,mt:2}))),Ec=(0,t.createStyledComponent)(y=>{var{theme:P}=y;return{color:P.colors.gray[6],borderTop:"1px solid ".concat(P.colors.gray[8]),p:3}}),xu="custom",Ea="startDate",Va="endDate",wc=(y,P)=>{if(!y)return P;var x=Wi().duration(y-1,"days").as("minutes"),j=P<=x?x:P;return j};class Vl extends r.Component{constructor(){super(...arguments);_a(this,"state",{focusedInput:Ea,dateAnchor:null,openPicker:!1,invalid:!1,validationMessages:[],startDate:null,endDate:null}),_a(this,"handleSelectChange",P=>{if(P.value!==xu)this.props.onChange({relativeTimeRange:P.value,startDate:null,endDate:null});else{var x=wc(this.props.minDays,this.props.relativeTimeRange);this.setState({openPicker:!0},()=>{this.props.onChange({relativeTimeRange:null,startDate:Wi()(this.props.now).subtract(x,"m"),endDate:this.props.now})})}}),_a(this,"handleDateSummaryClick",P=>{this.setState({focusedInput:P,openPicker:!0})}),_a(this,"handleFocusChange",P=>{P&&this.setState({focusedInput:P})}),_a(this,"handleDatePickerChange",P=>{var{startDate:x,endDate:j}=P,{now:J,minDays:ge}=this.props,jt=()=>this.state.focusedInput===Ea&&ge?x.clone().add(ge-1,"day").endOf("day"):this.state.focusedInput===Ea?x.clone().endOf("day"):j.clone().endOf("day"),Qt=jt();this.props.onChange({relativeTimeRange:null,startDate:x.clone().startOf("day"),endDate:Qt.isSame(J,"day")?Qt.hour(J.hour()).minute(J.minute()):Qt})}),_a(this,"handleOutsideDatePickerClick",()=>{this.setState({openPicker:!1,focusedInput:Ea,invalid:!1,startDate:null,endDate:null})}),_a(this,"handleCustomDateClear",()=>{this.props.onChange({relativeTimeRange:this.props.defaultRelativeTimeRange,startDate:null,endDate:null})}),_a(this,"handleTimeChange",(P,x)=>{var{hour:j,minutes:J}=P,{startDate:ge,endDate:jt}=this.props;this.handleDateRangeChange({startDate:x===Ea?ge.clone().hour(j||0).minutes(J||0):ge,endDate:x===Va?jt.clone().hour(j||0).minutes(J||0):jt})}),_a(this,"handleDateRangeChange",P=>{var{startDate:x,endDate:j}=P,{translator:J}=this.props,ge=[{invalid:x.isAfter(j),message:J.t("timerange.picker.invalid.start_date",{_:"Start date cannot be after end date"})},{invalid:x.clone().add(this.props.maxTimeRange,"m").isBefore(j),message:J.t("timerange.picker.invalid.range",{_:"Selected time is out of range"})},{invalid:j.isAfter(Wi()()),message:J.t("timerange.picker.invalid.end_date",{_:"Selected time must be before current time"})}].filter(jt=>{var{invalid:Qt}=jt;return Qt});ge.length>0?this.setState({invalid:!0,validationMessages:ge.map(jt=>{var{message:Qt}=jt;return Qt}),startDate:x,endDate:j}):this.setState({invalid:!1,validationMessages:[],startDate:null,endDate:null},()=>this.props.onChange({startDate:x,endDate:j,relativeTimeRange:null}))})}renderOpenPicker(){var{focusedInput:P,invalid:x,validationMessages:j}=this.state,{isUtc:J}=this.props,{startDate:ge,endDate:jt}=x?this.state:this.props,Qt=this.props.minDays&&this.props.minDays-1;return e().createElement(bc,null,e().createElement(_c,null,e().createElement(vu.DayPickerRangeController,{minimumNights:Qt,startDate:ge,endDate:jt,focusedInput:P,onFocusChange:this.handleFocusChange,onDatesChange:this.handleDatePickerChange,onOutsideClick:this.handleOutsideDatePickerClick,hideKeyboardShortcutsPanel:!0,enableOutsideDays:!0,isOutsideRange:an=>{var An=an.clone().startOf("day");if(P===Va&&this.props.startDate){var Dn=this.props.startDate.clone().startOf("day");return An.isBefore(Dn)||An.isAfter(this.props.now)||this.props.maxTimeRange&&An.endOf("day").isSameOrAfter(Dn.clone().add(this.props.maxTimeRange,"m"))}return An.isAfter(this.props.now)||An.isBefore(this.props.now.clone().subtract(this.props.maxPickableWindow,"m").endOf("day"))},renderCalendarInfo:()=>this.props.hideTimePicker?null:e().createElement(Ec,null,e().createElement(Ie,{px:"6px"},e().createElement(Xe,{mb:2,color:"gray.4",fontSize:2,fontWeight:"normal"},J?e().createElement(Ee.Trans,{id:"timerange.picker.utc_time",_:"Time (UTC)"}):e().createElement(Ee.Trans,{id:"timerange.picker.local_time",_:"Time (local)"})),e().createElement(Ie,{display:"flex",justifyContent:"space-between",alignItems:"center"},e().createElement(wu,{hour:ge.hour(),minutes:ge.minutes(),onChange:an=>{this.handleTimeChange(an,Ea)},onFocus:()=>this.handleFocusChange(Ea)}),e().createElement(Ve.J,{type:"forward",label:!1,mx:3}),e().createElement(wu,{hour:jt.hour(),minutes:jt.minutes(),onChange:an=>{this.handleTimeChange(an,Va)},onFocus:()=>this.handleFocusChange(Va)})),e().createElement(Ie,{position:"relative"},e().createElement(cc,{mt:3,field:{invalid:this.state.invalid},validations:j.reduce((an,An,Dn)=>(an["msg-".concat(Dn)]=An,an),{})}))))})))}renderCustomRange(){var{startDate:P,endDate:x,hideTimePicker:j,isUtc:J}=this.props,{focusedInput:ge,openPicker:jt}=this.state;return e().createElement(r.Fragment,null,e().createElement(gc,{id:this.props.id,compact:this.props.compact,disabled:this.props.disabled},e().createElement(Su,{compact:this.props.compact,focused:jt&&ge===Ea,onClick:()=>!this.props.disabled&&this.handleDateSummaryClick(Ea),onKeyPress:Qt=>{!this.props.disabled&&(Qt.key===" "||Qt.key==="Enter")&&this.handleDateSummaryClick(Ea)},disabled:this.props.disabled,role:"button",tabIndex:this.props.disabled?-1:0},e().createElement(Cu,{compact:this.props.compact},J?P.utc().format("MMM Do"):P.format("MMM Do")),!j&&e().createElement(Pu,{compact:this.props.compact},J?P.utc().format("HH:mm"):P.format("HH:mm"))),e().createElement(Ve.J,{type:"forward",label:!1,mx:this.props.compact?0:1,size:this.props.compact?12:void 0}),e().createElement(Su,{compact:this.props.compact,focused:jt&&ge===Va,onClick:()=>!this.props.disabled&&this.handleDateSummaryClick(Va),onKeyPress:Qt=>{!this.props.disabled&&(Qt.key===" "||Qt.key==="Enter")&&this.handleDateSummaryClick(Va)},disabled:this.props.disabled,role:"button",tabIndex:this.props.disabled?-1:0},e().createElement(Cu,{compact:this.props.compact},J?x.utc().format("MMM Do"):x.format("MMM Do")),!j&&e().createElement(Pu,{compact:this.props.compact},J?x.utc().format("HH:mm"):x.format("HH:mm"))),e().createElement(yc,{type:"button",onClick:this.handleCustomDateClear,compact:this.props.compact,disabled:this.props.disabled},e().createElement(Ve.J,{type:"remove",label:!1,size:this.props.compact?10:void 0}))),jt&&this.renderOpenPicker())}renderTimeRangeOptionsList(){var{relativeTimeRangeOptions:P}=this.props,{relativeTimeRange:x,translator:j}