import styled, { css } from 'styled-components';
import { StyledInput } from '../../TextInput/partials/StyledInput';
export var StyledDatePickerInput = styled.div.withConfig({
  displayName: "StyledDatePickerInput",
  componentId: "sc-lqrqwh-0"
})(["display:inline-flex;flex-direction:column;position:relative;z-index:0;padding:0;border:0;vertical-align:top;width:100%;min-width:16rem;", ":not(:focus)::placeholder{color:transparent;}", ""], StyledInput, function (_ref) {
  var $isDisabled = _ref.$isDisabled;
  return $isDisabled && css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
});