Commit 40708bef by Torkel Ödegaard Committed by GitHub

TimePicker: fixed minor issues with new timepicker (#17756)

parent 2c5400c6
......@@ -28,6 +28,14 @@ export class TimePickerCalendar extends PureComponent<Props> {
onChange(newDate);
};
onDrilldown = (props: any) => {
// this is to prevent clickout side wrapper from triggering when drilling down
if (window.event) {
// @ts-ignore
window.event.stopPropagation();
}
};
render() {
const { value, roundup, timeZone } = this.props;
let date = stringToDateTimeType(value, roundup, timeZone);
......@@ -44,6 +52,7 @@ export class TimePickerCalendar extends PureComponent<Props> {
className="time-picker-calendar"
tileClassName="time-picker-calendar-tile"
onChange={this.onCalendarChange}
onDrillDown={this.onDrilldown}
nextLabel={<span className="fa fa-angle-right" />}
prevLabel={<span className="fa fa-angle-left" />}
/>
......
......@@ -111,8 +111,9 @@ $arrowPadding: $arrowPaddingToBorder * 3;
}
.time-picker-calendar {
border: 1px solid $popover-border-color;
border: 1px solid $input-border-color;
color: $black;
width: 260px;
.react-calendar__navigation__label,
.react-calendar__navigation__arrow,
......@@ -150,6 +151,7 @@ $arrowPadding: $arrowPaddingToBorder * 3;
background: $panel-editor-viz-item-bg-hover;
border: $panel-editor-viz-item-border-hover;
color: $text-color-strong;
position: relative;
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment