'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { getTranslation } from '@payloadcms/translations';
import React from 'react';
import { useTranslation } from '../../../../providers/Translation/index.js';
import { DatePickerField } from '../../../DatePicker/index.js';
const baseClass = 'condition-value-date';
export const DateFilter = ({ disabled, field: { admin }, onChange, value })=>{
    const { date } = admin || {};
    const { i18n, t } = useTranslation();
    return /*#__PURE__*/ _jsxDEV("div", {
        className: baseClass,
        children: /*#__PURE__*/ _jsxDEV(DatePickerField, {
            ...date,
            onChange: onChange,
            placeholder: getTranslation(admin.placeholder, i18n) || t('general:enterAValue'),
            readOnly: disabled,
            value: value
        }, void 0, false, {
            fileName: "src/elements/WhereBuilder/Condition/Date/index.tsx",
            lineNumber: 18,
            columnNumber: 7
        }, this)
    }, void 0, false, {
        fileName: "src/elements/WhereBuilder/Condition/Date/index.tsx",
        lineNumber: 17,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map