@atlaskit/datetime-picker/dist/es2019/internal/date-time-picker-container.js

A date time picker allows the user to select an associated date and time.

/* date-time-picker-container.tsx generated by @compiled/babel-plugin v3.0.2 */
import _extends from "@babel/runtime/helpers/extends";
import "./date-time-picker-container.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { forwardRef } from 'react';
const isInvalidBorderStyles = null;
const isFocusedBorderStyles = null;
const isFocusedStyles = null;
const subtleBgStyles = null;
const subtleFocusedBgStyles = null;
const noBgStyles = null;
const hoverStyles = null;
const isInvalidHoverStyles = null;
const isDisabledStyles = null;
const newBorderStyles = null;
const baseContainerStyles = null;
/**
 * This is the container for the datetime picker component.
 */
export const DateTimePickerContainer = /*#__PURE__*/forwardRef(({
  children,
  isDisabled,
  isFocused,
  appearance,
  isInvalid,
  innerProps,
  testId
}, ref) => {
  const notFocusedOrIsDisabled = !(isFocused || isDisabled);

  // we cannot use Box or Flex primitives because these do not allow ...innerProps to be passed
  return /*#__PURE__*/React.createElement("div", _extends({}, innerProps, {
    "data-testid": testId,
    ref: ref,
    className: ax(["_2rko1qi0 _v564r5cv _1e0c1txw _bfhk1j9a _d0altlke", "_19itno8c", isDisabled && "_1h6dbk0g _bfhk187o _d0al73ad", isFocused && "_bfhkr01l", appearance === 'subtle' && isFocused && "_1h6d1j28 _bfhkr01l", appearance === 'subtle' && !isFocused && "_1h6d1j28 _bfhk1j28", isFocused && "_1h6d1v1w _16qsvyy1", isInvalid && "_1h6d1bqt", notFocusedOrIsDisabled && isInvalid && "_4cvx1bqt _irr3l4ek", notFocusedOrIsDisabled && !isInvalid && "_4cvxrsbi _irr3l4ek", appearance === 'none' && "_1h6d1j28 _bfhk1j28 _4cvx1j28 _irr31j28"])
  }), children);
});