@enact/sandstone/TimePicker/TimePicker.module.css

Large-screen/TV support library for Enact, containing a variety of UI components.

.timePicker .timeSeparator {
  vertical-align: inherit;
  display: inline-block;
  margin: 0 0.125rem;
}
.timePicker .pickers {
  display: flex;
  align-items: center;
}
:global(.enact-locale-right-to-left) .timePicker .pickers .hourPicker {
  order: 3;
  margin-inline-start: 0.5rem;
}
:global(.enact-locale-right-to-left) .timePicker .pickers .timeSeparator {
  order: 2;
}
:global(.enact-locale-right-to-left) .timePicker .pickers .minutePicker {
  order: 1;
  margin-inline-start: 0;
}
:global(.enact-locale-right-to-left) .timePicker .pickers .meridiemPicker {
  order: 4;
}
.timePicker:global(.neutral) .timeSeparator[disabled] {
  opacity: 1;
  opacity: 0.28;
}
:global(.enact-a11y-high-contrast) .timePicker:global(.neutral):global(.highContrast) .timeSeparator[disabled] {
  opacity: 1;
  opacity: 0.28;
}
.timePicker:global(.light) .timeSeparator[disabled] {
  opacity: 1;
  opacity: 0.28;
}
.timePicker:global(.game) .timeSeparator[disabled] {
  opacity: 1;
  opacity: 0.28;
}
:global(.green) .timePicker:global(.game) .timeSeparator[disabled] {
  opacity: 1;
  opacity: 0.28;
}
:global(.orange) .timePicker:global(.game) .timeSeparator[disabled] {
  opacity: 1;
  opacity: 0.28;
}