import { __rest } from "tslib";
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
/**
 * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
 *
 * WSO2 LLC. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
import InputLabel from '@mui/material/InputLabel';
import { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';
import clsx from 'clsx';
import { forwardRef } from 'react';
/**
 * The DatePicker component lets you select date values.
 *
 * Demos:
 *
 * - [DatePicker (Oxygen UI)](https://wso2.github.io/oxygen-ui/react/?path=/docs/inputs-date-picker)
 * - [DatePicker (MUI)](https://mui.com/x/react-date-pickers/date-picker/)
 *
 * API:
 *
 * - [DatePicker API](https://mui.com/x/react-date-pickers/date-picker/#api)
 *
 * @remarks
 * - ✅ Props of the native component are also available
 * - ❌ `component` prop is not supported.
 * - ✅ The `ref` is forwarded to the root element.
 *
 * @param props - The props for the DatePicker component.
 * @param ref - The ref to be forwarded to the MuiDatePicker component.
 * @returns The rendered DatePicker component.
 */
const DatePicker = forwardRef((_a, ref) => {
    var { className, InputLabelProps, label } = _a, rest = __rest(_a, ["className", "InputLabelProps", "label"]);
    return (_jsxs(_Fragment, { children: [label && (_jsx(InputLabel, Object.assign({ className: clsx('OxygenDatePicker-label', InputLabelProps === null || InputLabelProps === void 0 ? void 0 : InputLabelProps.className) }, InputLabelProps, { children: label }))), _jsx(MuiDatePicker, Object.assign({ ref: ref, className: clsx('OxygenDatePicker-root', className), slotProps: Object.assign({ textField: {
                        size: 'small',
                    } }, rest.slotProps) }, rest))] }));
});
export default DatePicker;
