@soxa-ui/solid 0.0.0-stage → 0.3.0-beta.1

package/dist/components/check-box/CheckBox.js

@@ -0,0 +1,97 @@
+import { resolveSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { createRootProps, toControlAttrs, toRootForward } from "../../adapter/common/root.js";
+import { roleIcon } from "../../adapter/common/icon.js";
+import { createPartNode } from "../../adapter/runtime/part-node.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { setupCheckBox } from "./setup.component.js";
+import { createComponent, insert, template } from "solid-js/web";
+//#region src/components/check-box/CheckBox.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-check-box__container aria-hidden=true>`);
+/** Отметки без слота — иконки по ролям, компонент на роль один на модуль (`roleIcon`). */
+var CheckMark = roleIcon("check");
+var IndeterminateMark = roleIcon("checkIndeterminate");
+/**
+* Флажок: нативный `<input type="checkbox">` и коробка с отметкой; всё — `span` (кладут в `Label`).
+* Отметка — `svg` роли, а не Icon: она пропадает с каждой сменой, и Icon собирал бы
+* контекст и плагины на каждую — в таблице «выбрать все» тысячами.
+*/
+function CheckBox(props) {
+	const binding = setupCheckBox(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [state.attrs, state.dataset],
+		forward: toRootForward(binding.forwardProps())
+	}));
+	const scope = () => ({
+		value: state.value,
+		indeterminate: state.indeterminate ?? false
+	});
+	function content() {
+		const icon = resolveSlot(() => props.icon, scope);
+		const indeterminateIcon = resolveSlot(() => props["indeterminate-icon"], scope);
+		return [createPartNode("input", () => ({
+			type: "checkbox",
+			id: state.id,
+			name: state.name,
+			disabled: state.disabled,
+			required: state.required,
+			...state.aria,
+			...toControlAttrs(binding.forwardProps()),
+			checked: state.value,
+			"prop:indeterminate": state.indeterminate
+		})), (() => {
+			var _el$ = _tmpl$();
+			insert(_el$, createComponent(Show, {
+				get when() {
+					return state.indeterminate;
+				},
+				get fallback() {
+					return createComponent(Show, {
+						get when() {
+							return state.value;
+						},
+						get children() {
+							return icon() ?? createComponent(CheckMark, { "class": "so-check-box__mark" });
+						}
+					});
+				},
+				get children() {
+					return indeterminateIcon() ?? createComponent(IndeterminateMark, { "class": "so-check-box__mark" });
+				}
+			}));
+			return _el$;
+		})()];
+	}
+	return createComponent(Show, {
+		get when() {
+			return state.rendered;
+		},
+		get children() {
+			return createComponent(Root, {
+				get tag() {
+					return state.tag;
+				},
+				attributes: root,
+				ref(r$) {
+					var _ref$ = binding.ref;
+					typeof _ref$ === "function" ? _ref$(r$) : binding.ref = r$;
+				},
+				get children() {
+					return createComponent(Elevate, {
+						get layer() {
+							return binding.layer;
+						},
+						get children() {
+							return content();
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { CheckBox };

package/dist/components/check-box/base.component.d.ts

@@ -0,0 +1,8 @@
+import type { ICheckBox } from '@soxa-ui/core';
+import type { CheckBoxDescriptor } from '@soxa-ui/setup';
+import type { EventProps, TDomAttributes, TFieldAttributes, UseDomProps } from '../../types';
+/** События слоя CheckBox (core + плагины), выведены из дескриптора автоматически. */
+export type CheckBoxEventProps = EventProps<typeof CheckBoxDescriptor>;
+/** Атрибуты CheckBox: класс и стиль — корню, остальное — полю `<input>`. */
+export type CheckBoxAttributes = TDomAttributes<typeof CheckBoxDescriptor, CheckBoxEventProps, TFieldAttributes>;
+export type CheckBoxProps = UseDomProps<typeof CheckBoxDescriptor, ICheckBox, CheckBoxEventProps, TFieldAttributes>;

package/dist/components/check-box/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupCheckBox } from './setup.component';
+export { CheckBox } from './CheckBox';

package/dist/components/check-box/setup.component.d.ts

@@ -0,0 +1,35 @@
+import type { CheckBoxProps } from './base.component';
+export declare function setupCheckBox(props: CheckBoxProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ctrl: object & import("@soxa-ui/core").ICheckBox;
+    state: import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").ICheckBox, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {
+            id?: string | undefined;
+        } & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "action:click": (event: MouseEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:blur": (event: FocusEvent) => void;
+        } & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {
+            "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {};
+        outputs: object & {} & {} & {} & {} & {} & {} & {};
+    }>>;
+    forwardProps: () => Partial<CheckBoxProps>;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ref: (el: Element) => void;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+};

package/dist/components/check-box/setup.component.js

@@ -0,0 +1,18 @@
+import { createSolidAdapterContext } from "../../adapter/common/createSolidAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../adapter/elevator/useElevator.js";
+import { CheckBoxDescriptor, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/check-box/setup.component.ts
+function setupCheckBox(props) {
+	const { elevator, layer } = useElevator();
+	const adapter = createSolidAdapterContext(CheckBoxDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}).use(TFieldControlExtension, { elevator });
+	return {
+		...useAdapter(adapter, props),
+		layer
+	};
+}
+//#endregion
+export { setupCheckBox };

package/dist/components/component/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IComponent } from '@soxa-ui/core';
+import type { ComponentDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+/** События слоя Component (core + плагины), выведены из дескриптора автоматически. */
+export type ComponentEventProps = EventProps<typeof ComponentDescriptor>;
+export type ComponentProps = UseProps<typeof ComponentDescriptor, IComponent, ComponentEventProps>;

package/dist/components/component/index.d.ts

@@ -0,0 +1 @@
+export * from './base.component';

package/dist/components/component-view/ComponentView.d.ts

@@ -0,0 +1,4 @@
+import type { JSX } from 'solid-js';
+import type { ComponentViewProps } from './base.component';
+/** Визуальная база: корень по `tag` с наборами ядра — их пишут наследники (Icon, Skeleton). */
+export declare function ComponentView(props: ComponentViewProps): JSX.Element;

package/dist/components/component-view/ComponentView.js

@@ -0,0 +1,43 @@
+import { renderSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { createRootProps } from "../../adapter/common/root.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { setupComponentView } from "./setup.component.js";
+import { createComponent } from "solid-js/web";
+//#region src/components/component-view/ComponentView.tsx
+/** Визуальная база: корень по `tag` с наборами ядра — их пишут наследники (Icon, Skeleton). */
+function ComponentView(props) {
+	const binding = setupComponentView(props);
+	const state = binding.state;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	return createComponent(Show, {
+		get when() {
+			return state.rendered;
+		},
+		get children() {
+			return createComponent(Root, {
+				get tag() {
+					return state.tag;
+				},
+				attributes: root,
+				ref(r$) {
+					var _ref$ = binding.ref;
+					typeof _ref$ === "function" ? _ref$(r$) : binding.ref = r$;
+				},
+				get children() {
+					return renderSlot(props.children);
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { ComponentView };

package/dist/components/component-view/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IComponentView } from '@soxa-ui/core';
+import type { ComponentViewDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События слоя ComponentView (core + плагины), выведены из дескриптора автоматически. */
+export type ComponentViewEventProps = EventProps<typeof ComponentViewDescriptor>;
+export type ComponentViewProps = UseDomProps<typeof ComponentViewDescriptor, IComponentView, ComponentViewEventProps>;

package/dist/components/component-view/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupComponentView } from './setup.component';
+export { ComponentView } from './ComponentView';

package/dist/components/component-view/setup.component.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentViewProps } from './base.component';
+export declare function setupComponentView(props: ComponentViewProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IComponentView<import("@soxa-ui/core").IComponentViewProps, import("@soxa-ui/core").TComponentViewEvents>, {
+    props: object & {} & {};
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {};
+    outputs: object & {} & {};
+}>, ComponentViewProps>;

package/dist/components/component-view/setup.component.js

@@ -0,0 +1,13 @@
+import { createSolidAdapterContext } from "../../adapter/common/createSolidAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { ComponentViewDescriptor } from "@soxa-ui/setup";
+//#region src/components/component-view/setup.component.ts
+function setupComponentView(props) {
+	const adapter = createSolidAdapterContext(ComponentViewDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	});
+	return useAdapter(adapter, props);
+}
+//#endregion
+export { setupComponentView };

package/dist/components/control/base.component.d.ts

@@ -0,0 +1,6 @@
+import type { IControl } from '@soxa-ui/core';
+import type { ControlDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseProps } from '../../types';
+/** События слоя Control (core + плагины), выведены из дескриптора автоматически. */
+export type ControlEventProps = EventProps<typeof ControlDescriptor>;
+export type ControlProps = UseProps<typeof ControlDescriptor, IControl, ControlEventProps>;

package/dist/components/control/index.d.ts

@@ -0,0 +1,2 @@
+export * from './base.component';
+export { setupControl } from './setup.component';

package/dist/components/control/setup.component.d.ts

@@ -0,0 +1,22 @@
+import type { ControlProps } from './base.component';
+export declare function setupControl(props: ControlProps): import("../../adapter").TBinding<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IControl<import("@soxa-ui/core").IControlProps, import("@soxa-ui/core").TControlEvents>, {
+    props: object & {} & {} & {} & {
+        aria_label?: string | undefined;
+        aria_labelledBy?: string | undefined;
+        aria_describedBy?: string | undefined;
+    };
+    events: object & {
+        "element:ready": (element: Element) => void;
+        "element:removed": () => void;
+    } & {} & {
+        "action:click": (event: MouseEvent) => void;
+        "action:press": (event: MouseEvent) => void;
+        "action:focus": (event: FocusEvent) => void;
+        "action:blur": (event: FocusEvent) => void;
+    } & {
+        "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+    };
+    outputs: object & {} & {} & {} & {};
+}>, ControlProps>;

package/dist/components/date-input/DateInput.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { DateInputProps } from './base.component';
+/**
+ * Поле даты из частей по формату локали; атрибуты потребителя — корню целиком. Текст части —
+ * `textContent`, а не ребёнок разметки: редактируемую часть браузер правит сам.
+ */
+export declare function DateInput(props: DateInputProps): JSX.Element;

package/dist/components/date-input/DateInput.js

@@ -0,0 +1,203 @@
+import { resolveSlot } from "../../adapter/common/slots.js";
+import { Show } from "../../adapter/runtime/flow.js";
+import { clickAction } from "../../adapter/common/click-action.js";
+import { createPartProps, createRootProps } from "../../adapter/common/root.js";
+import { roleIcon } from "../../adapter/common/icon.js";
+import { KeyedFor } from "../../adapter/runtime/KeyedFor.js";
+import { Root } from "../../adapter/runtime/Root.js";
+import { Elevate } from "../../adapter/elevator/Elevate.js";
+import { Button } from "../button/Button.js";
+import { Icon } from "../icon/Icon.js";
+import { setupDateInput } from "./setup.component.js";
+import { createComponent, effect, insert, mergeProps, setAttribute, spread, template } from "solid-js/web";
+//#region src/components/date-input/DateInput.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=so-date-input__literal>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span class=so-date-input__segment>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class=so-date-input__leading>`);
+var _tmpl$4 = /*#__PURE__*/ template(`<span class=so-date-input__segments>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<div class=so-date-input__trailing>`);
+var _tmpl$6 = /*#__PURE__*/ template(`<input type=hidden>`);
+/** Глиф кнопки очистки — компонент на роль: `tag` у Icon — корень, а не роль. */
+var CloseGlyph = roleIcon("close");
+/** Часть поля; у разделителя её нет. */
+function partOf(segment) {
+	return segment.type === "literal" ? void 0 : segment;
+}
+/**
+* Поле даты из частей по формату локали; атрибуты потребителя — корню целиком. Текст части —
+* `textContent`, а не ребёнок разметки: редактируемую часть браузер правит сам.
+*/
+function DateInput(props) {
+	const binding = setupDateInput(props);
+	const state = binding.state;
+	const ctrl = binding.ctrl;
+	const root = createRootProps(() => ({
+		state,
+		sets: [
+			state.attrs,
+			state.aria,
+			state.dataset
+		],
+		forward: binding.forwardProps()
+	}));
+	const segmentsAttrs = createPartProps(() => state.segmentsAttrs);
+	/** The clear click does not bubble to an ancestor that listens to the field. */
+	const clear = clickAction((event) => {
+		event.stopPropagation();
+		ctrl.clear();
+	});
+	/** Часть или разделитель: тип у записи с одним ключом не меняется, ветка `Show` у узла одна. */
+	function segment(entry) {
+		const aria = createPartProps(() => entry().aria);
+		return createComponent(Show, {
+			get when() {
+				return partOf(entry());
+			},
+			get fallback() {
+				return (() => {
+					var _el$ = _tmpl$();
+					spread(_el$, mergeProps(aria, { get textContent() {
+						return entry().text;
+					} }), false, false);
+					return _el$;
+				})();
+			},
+			children: (part) => {
+				const attrs = createPartProps(() => part().attrs);
+				const dataset = createPartProps(() => part().dataset);
+				return (() => {
+					var _el$2 = _tmpl$2();
+					spread(_el$2, mergeProps(attrs, aria, dataset, { get textContent() {
+						return part().text;
+					} }), false, false);
+					return _el$2;
+				})();
+			}
+		});
+	}
+	/** Содержимое корня: зовётся внутри `Elevate`, и слоты разворачиваются в слое поля. */
+	function content() {
+		const leadingSlot = resolveSlot(() => props.leading, () => ({ ctrl }));
+		const clearSlot = resolveSlot(() => props.clear, () => ({ clear: ctrl.clear }));
+		const trailingSlot = resolveSlot(() => props.trailing, () => ({ ctrl }));
+		return [
+			createComponent(Show, {
+				get when() {
+					return leadingSlot();
+				},
+				get children() {
+					var _el$3 = _tmpl$3();
+					insert(_el$3, leadingSlot);
+					return _el$3;
+				}
+			}),
+			(() => {
+				var _el$4 = _tmpl$4();
+				spread(_el$4, mergeProps(segmentsAttrs), false, true);
+				insert(_el$4, createComponent(KeyedFor, {
+					get each() {
+						return state.segments;
+					},
+					by: (entry) => entry.key,
+					children: segment
+				}));
+				return _el$4;
+			})(),
+			createComponent(Show, {
+				get when() {
+					return state.clearable === true || clearSlot() !== void 0 || trailingSlot() !== void 0;
+				},
+				get children() {
+					var _el$5 = _tmpl$5();
+					insert(_el$5, createComponent(Show, {
+						get when() {
+							return clearSlot();
+						},
+						get fallback() {
+							return createComponent(Show, {
+								get when() {
+									return state.clearable;
+								},
+								get children() {
+									return createComponent(Button, mergeProps({
+										embedded: "date-input.clear",
+										type: "button",
+										"class": "so-date-input__clear",
+										get size() {
+											return state.size;
+										},
+										get disabled() {
+											return state.disabled;
+										}
+									}, () => state.clearAria, {
+										ref: clear,
+										get children() {
+											return createComponent(Icon, {
+												embedded: "date-input.clear-icon",
+												tag: CloseGlyph,
+												get size() {
+													return state.size;
+												}
+											});
+										}
+									}));
+								}
+							});
+						},
+						get children() {
+							return clearSlot();
+						}
+					}), null);
+					insert(_el$5, trailingSlot, null);
+					return _el$5;
+				}
+			}),
+			(() => {
+				var _el$6 = _tmpl$6();
+				effect((_p$) => {
+					var _v$ = state.name, _v$2 = state.disabled;
+					_v$ !== _p$.e && setAttribute(_el$6, "name", _p$.e = _v$);
+					_v$2 !== _p$.t && (_el$6.disabled = _p$.t = _v$2);
+					return _p$;
+				}, {
+					e: void 0,
+					t: void 0
+				});
+				effect(() => _el$6.value = state.value ?? "");
+				return _el$6;
+			})()
+		];
+	}
+	return createComponent(Show, {
+		get when() {
+			return state.rendered;
+		},
+		get children() {
+			return createComponent(Root, {
+				get tag() {
+					return state.tag;
+				},
+				attributes: () => ({
+					id: state.id,
+					...root()
+				}),
+				ref(r$) {
+					var _ref$ = binding.ref;
+					typeof _ref$ === "function" ? _ref$(r$) : binding.ref = r$;
+				},
+				get children() {
+					return createComponent(Elevate, {
+						get layer() {
+							return binding.layer;
+						},
+						get children() {
+							return content();
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+export { DateInput };

package/dist/components/date-input/base.component.d.ts

@@ -0,0 +1,7 @@
+import type { IDateInput } from '@soxa-ui/core';
+import type { DateInputDescriptor } from '@soxa-ui/setup';
+import type { EventProps, UseDomProps } from '../../types';
+/** События DateInput. */
+export type DateInputEventProps = EventProps<typeof DateInputDescriptor>;
+/** Пропсы DateInput: атрибуты потребителя — корню целиком, поля ввода у даты нет. */
+export type DateInputProps = UseDomProps<typeof DateInputDescriptor, IDateInput, DateInputEventProps>;

package/dist/components/date-input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base.component';
+export { setupDateInput } from './setup.component';
+export { DateInput } from './DateInput';

package/dist/components/date-input/setup.component.d.ts

@@ -0,0 +1,36 @@
+import type { DateInputProps } from './base.component';
+/** Связку `Field` над полем берёт `TFieldControlExtension`, содержимому — пустую. */
+export declare function setupDateInput(props: DateInputProps): {
+    layer: import("../../adapter").TElevatorLayer;
+    ctrl: object & import("@soxa-ui/core").IDateInput;
+    state: import("@soxa-ui/setup").TAdapterState<import("@soxa-ui/setup").TContextContract<import("@soxa-ui/core").IDateInput, {
+        props: object & {} & {} & {} & {
+            aria_label?: string | undefined;
+            aria_labelledBy?: string | undefined;
+            aria_describedBy?: string | undefined;
+        } & {
+            id?: string | undefined;
+        } & {} & {} & {} & {} & {} & {} & {} & {};
+        events: object & {
+            "element:ready": (element: Element) => void;
+            "element:removed": () => void;
+        } & {} & {
+            "action:click": (event: MouseEvent) => void;
+            "action:press": (event: MouseEvent) => void;
+            "action:focus": (event: FocusEvent) => void;
+            "action:blur": (event: FocusEvent) => void;
+        } & {
+            "aria:change:label": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:labelledBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+            "aria:change:describedBy": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {
+            "change:id": (payload: import("@soxa-ui/core").TValuePayload<string | undefined>) => void;
+        } & {} & {} & {} & {} & {} & {} & {};
+        outputs: object & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {} & {};
+    }>>;
+    forwardProps: () => Partial<DateInputProps>;
+    rootElement: import("solid-js").Accessor<Element | null>;
+    ref: (el: Element) => void;
+    bindRef: (el: Element) => void;
+    consumerRef: (el: Element) => void;
+};

package/dist/components/date-input/setup.component.js

@@ -0,0 +1,19 @@
+import { createSolidAdapterContext } from "../../adapter/common/createSolidAdapterContext.js";
+import { useAdapter } from "../../adapter/runtime/useAdapter.js";
+import { useElevator } from "../../adapter/elevator/useElevator.js";
+import { DateInputDescriptor, TFieldControlExtension } from "@soxa-ui/setup";
+//#region src/components/date-input/setup.component.ts
+/** Связку `Field` над полем берёт `TFieldControlExtension`, содержимому — пустую. */
+function setupDateInput(props) {
+	const { elevator, layer } = useElevator();
+	const adapter = createSolidAdapterContext(DateInputDescriptor(), {
+		ctrl: props.ctrl,
+		props
+	}).use(TFieldControlExtension, { elevator });
+	return {
+		...useAdapter(adapter, props),
+		layer
+	};
+}
+//#endregion
+export { setupDateInput };

package/dist/components/date-picker/DatePicker.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from 'solid-js';
+import type { DatePickerProps } from './base.component';
+/**
+ * Поле даты и календарь в панели, как Select — поле и список. Подвал календаря задан
+ * значением только при `confirmable`: `Show` в слоте оставил бы пустую строку подвала.
+ */
+export declare function DatePicker(props: DatePickerProps): JSX.Element;