@hitachivantara/uikit-react-core/dist/esm/TimePicker/TimePicker.styles.js

Core React components for the NEXT Design System.

import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
const { useClasses, staticClasses } = createClasses("HvTimePicker", {
  root: {
    position: "relative"
  },
  labelContainer: {},
  label: {},
  description: {},
  placeholder: {
    display: "flex",
    gap: 1
  },
  placeholderDisabled: {
    color: theme.colors.textDisabled
  },
  dropdownHeader: {},
  dropdownHeaderOpen: {},
  dropdownHeaderInvalid: {
    "&,:hover": {
      borderColor: theme.form.errorColor
    }
  },
  dropdownPanel: {},
  icon: {},
  timePopperContainer: {
    zIndex: 10,
    display: "flex",
    flexDirection: "row",
    justifyContent: "center",
    alignItems: "center",
    padding: theme.spacing("xs", 0),
    userSelect: "none",
    minWidth: "175px"
  },
  error: {}
});
export {
  staticClasses,
  useClasses
};