import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__ from "react/jsx-runtime";
import "react";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_client__ from "@tachybase/client";
import * as __WEBPACK_EXTERNAL_MODULE__tachybase_components__ from "@tachybase/components";
import * as __WEBPACK_EXTERNAL_MODULE_dayjs__ from "dayjs";
const schema = {
    type: 'object',
    properties: {
        input: {
            type: 'boolean',
            title: "Editable",
            'x-decorator': 'FormItem',
            'x-component': 'DatePicker.RangePicker',
            'x-component-props': {
                gmt: true,
                defaultPickerValue: [
                    (0, __WEBPACK_EXTERNAL_MODULE_dayjs__["default"])('2023-05-01')
                ]
            },
            'x-reactions': [
                {
                    target: 'read1',
                    fulfill: {
                        state: {
                            value: '{{$self.value}}'
                        }
                    }
                },
                {
                    target: 'read2',
                    fulfill: {
                        state: {
                            value: '{{$self.value && $self.value.join(" ~ ")}}'
                        }
                    }
                }
            ]
        },
        read1: {
            type: 'boolean',
            title: "Read pretty",
            'x-read-pretty': true,
            'x-decorator': 'FormItem',
            'x-component': 'DatePicker.RangePicker',
            'x-component-props': {
                gmt: true,
                defaultPickerValue: [
                    (0, __WEBPACK_EXTERNAL_MODULE_dayjs__["default"])('2023-05-01')
                ]
            }
        },
        read2: {
            type: 'string',
            title: "Value",
            'x-read-pretty': true,
            'x-decorator': 'FormItem',
            'x-component': 'Input',
            'x-component-props': {}
        }
    }
};
const demo4_rslib_entry_ = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponentProvider, {
        components: {
            Input: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.Input,
            DatePicker: __WEBPACK_EXTERNAL_MODULE__tachybase_client__.DatePicker,
            FormItem: __WEBPACK_EXTERNAL_MODULE__tachybase_components__.FormItem
        },
        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(__WEBPACK_EXTERNAL_MODULE__tachybase_client__.SchemaComponent, {
            schema: schema
        })
    });
export { demo4_rslib_entry_ as default };
