@atlaskit/datetime-picker/dist/esm/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';
var isInvalidBorderStyles = null;
var isFocusedBorderStyles = null;
var isFocusedStyles = null;
var subtleBgStyles = null;
var subtleFocusedBgStyles = null;
var noBgStyles = null;
var hoverStyles = null;
var isInvalidHoverStyles = null;
var isDisabledStyles = null;
var newBorderStyles = null;
var baseContainerStyles = null;
/**
 * This is the container for the datetime picker component.
 */
export var DateTimePickerContainer = /*#__PURE__*/forwardRef(function (_ref, ref) {
  var children = _ref.children,
    isDisabled = _ref.isDisabled,
    isFocused = _ref.isFocused,
    appearance = _ref.appearance,
    isInvalid = _ref.isInvalid,
    innerProps = _ref.innerProps,
    testId = _ref.testId;
  var 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);
});