import React__default from 'react';
import ChevronDown from '../../../../icons/ChevronDown.js';
import ChevronUp from '../../../../icons/ChevronUp.js';
import { SelectInput } from '../../../Field/dropdown/styles.js';
import { Border } from '../../../Field/styles.js';
import { Wrapper, LeadingIconWrapper, IconWrapper } from './styles.js';

function DatePickerSelect({ hasError, disabled, handleClick, placeholder, visible, leadingIcon, }) {
    return (React__default.createElement(Wrapper, null,
        React__default.createElement(Border, { hasError: hasError, disabled: disabled },
            React__default.createElement(SelectInput, { role: "button", "aria-haspopup": "true", onClick: handleClick, variant: "medium", disabled: disabled, hasText: true },
                leadingIcon && (React__default.createElement(LeadingIconWrapper, { disabled: disabled }, leadingIcon)),
                placeholder,
                React__default.createElement("input", { name: "date-picker-select-input", "aria-autocomplete": "none" }),
                React__default.createElement(IconWrapper, { disabled: disabled }, visible ? React__default.createElement(ChevronUp, null) : React__default.createElement(ChevronDown, null))))));
}

export { DatePickerSelect };
