@stisocial/ui 0.2.0 → 0.3.0

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,337 @@
+"use client";
+import { useFormatter, useLocale, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { Button as Button$1 } from "../Button/Button.js";
+import { CheckIcon } from "../../icons/generated/CheckIcon.js";
+import { Announcer } from "../Announcer/Announcer.js";
+import { BulkActionBar } from "../BulkActionBar/BulkActionBar.js";
+import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
+import { MinusIcon } from "../../icons/generated/MinusIcon.js";
+import { MenuItem as MenuItem$1 } from "../Menu/Menu.js";
+import { SearchField as SearchField$1 } from "../SearchField/SearchField.js";
+import { ScrollArea } from "../ScrollArea/ScrollArea.js";
+import { ArrowDownIcon } from "../../icons/generated/ArrowDownIcon.js";
+import { ArrowUpIcon } from "../../icons/generated/ArrowUpIcon.js";
+import { ChevronsUpDownIcon } from "../../icons/generated/ChevronsUpDownIcon.js";
+import { ColumnsIcon } from "../../icons/generated/ColumnsIcon.js";
+import { DownloadIcon } from "../../icons/generated/DownloadIcon.js";
+import { DropdownMenu } from "../DropdownMenu/DropdownMenu.js";
+import { Pagination } from "../Pagination/Pagination.js";
+import { Skeleton } from "../Skeleton/Skeleton.js";
+import DataTable_module_default from "./DataTable.module.js";
+import { filterRows, pageRows, sortRows, toCsv } from "./tableData.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Cell, Checkbox, Column, Row, Table, TableBody, TableHeader } from "react-aria-components";
+// src/components/DataTable/DataTable.tsx
+const toAria = (s) => s ? {
+	column: s.column,
+	direction: s.direction
+} : void 0;
+/**
+* Veri tablosu (APG Grid, React Aria Table): sütuna göre sıralama, Türkçe duyarsız arama,
+* sayfalama, tek ya da çoklu seçim (sayfalar arası korunur, toplu işlem çubuğu), satır eylemi,
+* sütun gizleme, kayıtlı görünümler ve CSV dışa aktarma. Sunucu tarafı veri için `totalCount` ve
+* `onQueryChange` ile elle kipte çalışır.
+*/
+function DataTable({ rows, columns, getRowId, label, title, selectionMode = "none", selectedKeys, defaultSelectedKeys, onSelectionChange, bulkActions, onRowAction, sort: sortProp, defaultSort = null, onSortChange, isSearchable = true, toolbar, pageSize = 25, views, defaultViewId, exportFileName, isLoading = false, emptyState, size = "md", maxHeight, totalCount, onQueryChange, className, id }) {
+	const t = useMessages();
+	const fmt = useFormatter();
+	const locale = useLocale();
+	const manual = totalCount !== void 0;
+	const initialView = views?.find((v) => v.id === defaultViewId) ?? views?.[0];
+	const [innerSort, setInnerSort] = useState(initialView?.sort !== void 0 ? initialView.sort : defaultSort);
+	const sort = sortProp !== void 0 ? sortProp : innerSort;
+	const [search, setSearch] = useState(initialView?.search ?? "");
+	const [page, setPage] = useState(1);
+	const [hidden, setHidden] = useState(() => new Set(initialView?.hiddenColumns ?? []));
+	const [viewId, setViewId] = useState(initialView?.id);
+	const [innerSelected, setInnerSelected] = useState(() => new Set(defaultSelectedKeys ?? []));
+	const selected = selectedKeys ? new Set(selectedKeys) : innerSelected;
+	const query = (patch) => onQueryChange?.({
+		sort,
+		search,
+		page,
+		pageSize,
+		...patch
+	});
+	const setSort = (next) => {
+		if (sortProp === void 0) setInnerSort(next);
+		onSortChange?.(next);
+		setPage(1);
+		query({
+			sort: next,
+			page: 1
+		});
+	};
+	const visible = columns.filter((c) => !hidden.has(c.id));
+	const rowHeaderId = (columns.find((c) => c.isRowHeader) ?? columns[0])?.id;
+	const processed = useMemo(() => {
+		if (manual) return [...rows];
+		const found = filterRows(rows, columns, search, locale);
+		const col = sort ? columns.find((c) => c.id === sort.column) : void 0;
+		return col?.value ? sortRows(found, col.value, sort?.direction ?? "ascending", locale) : found;
+	}, [
+		manual,
+		rows,
+		columns,
+		search,
+		sort,
+		locale
+	]);
+	const total = manual ? totalCount ?? 0 : processed.length;
+	const totalPages = pageSize > 0 ? Math.max(1, Math.ceil(total / pageSize)) : 1;
+	const current = Math.min(page, totalPages);
+	const shown = manual ? processed : pageRows(processed, current, pageSize);
+	const shownIds = shown.map(getRowId);
+	const commitSelection = (next) => {
+		if (!selectedKeys) setInnerSelected(next);
+		onSelectionChange?.([...next]);
+	};
+	const onAriaSelection = (keys) => {
+		if (selectionMode === "single") {
+			commitSelection(new Set(keys === "all" ? [] : [...keys].map(String)));
+			return;
+		}
+		const pageSet = new Set(shownIds);
+		const next = new Set([...selected].filter((k) => !pageSet.has(k)));
+		for (const k of keys === "all" ? shownIds : [...keys].map(String)) next.add(k);
+		commitSelection(next);
+	};
+	const applyView = (key) => {
+		const view = views?.find((v) => v.id === key);
+		if (!view) return;
+		setViewId(view.id);
+		const nextSort = view.sort ?? null;
+		if (sortProp === void 0) setInnerSort(nextSort);
+		onSortChange?.(nextSort);
+		setSearch(view.search ?? "");
+		setHidden(new Set(view.hiddenColumns ?? []));
+		setPage(1);
+		query({
+			sort: nextSort,
+			search: view.search ?? "",
+			page: 1
+		});
+	};
+	const download = () => {
+		const csv = toCsv(processed, visible);
+		const url = URL.createObjectURL(new Blob([csv], { type: "text/csv;charset=utf-8" }));
+		const a = document.createElement("a");
+		a.href = url;
+		a.download = `${exportFileName ?? "tablo"}.csv`;
+		a.click();
+		setTimeout(() => URL.revokeObjectURL(url), 0);
+	};
+	const display = (c, row) => {
+		if (c.cell) return c.cell(row);
+		const v = c.value?.(row);
+		if (v === null || v === void 0 || v === "") return /* @__PURE__ */ jsx("span", {
+			className: DataTable_module_default.none,
+			children: "—"
+		});
+		if (v instanceof Date) return fmt.date(v);
+		if (typeof v === "number") return fmt.number(v);
+		if (typeof v === "boolean") return v ? t.dataTableYes : t.dataTableNo;
+		return v;
+	};
+	const hideable = columns.filter((c) => c.isHideable ?? c.id !== rowHeaderId);
+	const searching = search.trim() !== "";
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [DataTable_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		children: [
+			title ? /* @__PURE__ */ jsx("div", {
+				className: DataTable_module_default.title,
+				children: title
+			}) : null,
+			views && views.length > 0 ? /* @__PURE__ */ jsx(SegmentedControl, {
+				label: t.dataTableViews,
+				size: "sm",
+				value: viewId ?? views[0]?.id ?? "",
+				onChange: applyView,
+				className: DataTable_module_default.views,
+				children: views.map((v) => /* @__PURE__ */ jsx(SegmentedControlItem, {
+					value: v.id,
+					children: v.label
+				}, v.id))
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: DataTable_module_default.toolbar,
+				children: [
+					isSearchable ? /* @__PURE__ */ jsx(SearchField$1, {
+						label: t.dataTableSearch,
+						hideLabel: true,
+						placeholder: t.dataTableSearch,
+						size: "sm",
+						value: search,
+						onChange: (v) => {
+							setSearch(v);
+							setPage(1);
+							query({
+								search: v,
+								page: 1
+							});
+						},
+						onClear: () => {
+							setSearch("");
+							query({
+								search: "",
+								page: 1
+							});
+						},
+						className: DataTable_module_default.search
+					}) : null,
+					toolbar ? /* @__PURE__ */ jsx("div", {
+						className: DataTable_module_default.extra,
+						children: toolbar
+					}) : null,
+					/* @__PURE__ */ jsxs("div", {
+						className: DataTable_module_default.tools,
+						children: [hideable.length > 0 ? /* @__PURE__ */ jsx(DropdownMenu, {
+							placement: "bottom end",
+							trigger: /* @__PURE__ */ jsx(Button$1, {
+								variant: "secondary",
+								size: "sm",
+								iconStart: /* @__PURE__ */ jsx(ColumnsIcon, {}),
+								children: t.dataTableColumns
+							}),
+							selectionMode: "multiple",
+							selectedKeys: hideable.filter((c) => !hidden.has(c.id)).map((c) => c.id),
+							onSelectionChange: (on) => setHidden(new Set(hideable.filter((c) => !on.has(c.id)).map((c) => c.id))),
+							shouldCloseOnSelect: false,
+							children: hideable.map((c) => /* @__PURE__ */ jsx(MenuItem$1, {
+								id: c.id,
+								children: c.header
+							}, c.id))
+						}) : null, exportFileName ? /* @__PURE__ */ jsx(Button$1, {
+							variant: "secondary",
+							size: "sm",
+							iconStart: /* @__PURE__ */ jsx(DownloadIcon, {}),
+							onPress: download,
+							isDisabled: processed.length === 0,
+							children: t.dataTableExport
+						}) : null]
+					})
+				]
+			}),
+			selectionMode === "multiple" ? /* @__PURE__ */ jsx(BulkActionBar, {
+				selectedCount: selected.size,
+				totalCount: manual ? void 0 : processed.length,
+				onSelectAll: manual ? void 0 : () => commitSelection(new Set(processed.map(getRowId))),
+				onClear: () => commitSelection(/* @__PURE__ */ new Set()),
+				children: bulkActions
+			}) : null,
+			/* @__PURE__ */ jsx(ScrollArea, {
+				label,
+				orientation: maxHeight ? "both" : "horizontal",
+				maxHeight,
+				className: DataTable_module_default.scroll,
+				children: /* @__PURE__ */ jsxs(Table, {
+					"aria-label": label,
+					"aria-busy": isLoading || void 0,
+					className: DataTable_module_default.table,
+					"data-size": size,
+					"data-sticky": maxHeight ? "" : void 0,
+					selectionMode,
+					selectionBehavior: "toggle",
+					selectedKeys: selectionMode === "none" ? void 0 : [...selected],
+					onSelectionChange: onAriaSelection,
+					sortDescriptor: toAria(sort),
+					onSortChange: (d) => setSort({
+						column: String(d.column),
+						direction: d.direction ?? "ascending"
+					}),
+					onRowAction: onRowAction ? (key) => onRowAction(String(key)) : void 0,
+					children: [/* @__PURE__ */ jsxs(TableHeader, {
+						className: DataTable_module_default.head,
+						children: [selectionMode === "multiple" ? /* @__PURE__ */ jsx(Column, {
+							className: DataTable_module_default.checkColumn,
+							children: /* @__PURE__ */ jsx(Checkbox, {
+								slot: "selection",
+								className: DataTable_module_default.check,
+								children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsx("span", {
+									className: DataTable_module_default.box,
+									"aria-hidden": "true",
+									children: isIndeterminate ? /* @__PURE__ */ jsx(MinusIcon, { className: DataTable_module_default.mark }) : isSelected ? /* @__PURE__ */ jsx(CheckIcon, { className: DataTable_module_default.mark }) : null
+								})
+							})
+						}) : null, visible.map((c) => {
+							const sortable = c.allowsSorting ?? Boolean(c.value);
+							return /* @__PURE__ */ jsx(Column, {
+								id: c.id,
+								isRowHeader: c.id === rowHeaderId,
+								allowsSorting: sortable,
+								className: DataTable_module_default.heading,
+								"data-align": c.align ?? (c.isNumeric ? "end" : void 0),
+								children: ({ sortDirection }) => /* @__PURE__ */ jsxs("span", {
+									className: DataTable_module_default.headingInner,
+									children: [/* @__PURE__ */ jsx("span", {
+										className: c.isHeaderHidden ? DataTable_module_default.hidden : void 0,
+										children: c.header
+									}), sortable ? /* @__PURE__ */ jsx("span", {
+										className: DataTable_module_default.sortIcon,
+										"data-active": sortDirection ? "" : void 0,
+										"aria-hidden": "true",
+										children: sortDirection === "ascending" ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : sortDirection === "descending" ? /* @__PURE__ */ jsx(ArrowDownIcon, {}) : /* @__PURE__ */ jsx(ChevronsUpDownIcon, {})
+									}) : null]
+								})
+							}, c.id);
+						})]
+					}), /* @__PURE__ */ jsx(TableBody, {
+						className: DataTable_module_default.body,
+						renderEmptyState: () => isLoading ? /* @__PURE__ */ jsx("div", {
+							className: DataTable_module_default.loading,
+							children: /* @__PURE__ */ jsx(Skeleton, {
+								lines: Math.min(pageSize || 5, 5),
+								textSize: "md"
+							})
+						}) : /* @__PURE__ */ jsx("div", {
+							className: DataTable_module_default.empty,
+							children: searching || rows.length > 0 ? t.dataTableNoMatch : emptyState ?? t.listViewEmpty
+						}),
+						children: isLoading ? [] : shown.map((row) => {
+							const rowId = getRowId(row);
+							return /* @__PURE__ */ jsxs(Row, {
+								id: rowId,
+								className: DataTable_module_default.row,
+								children: [selectionMode === "multiple" ? /* @__PURE__ */ jsx(Cell, {
+									className: DataTable_module_default.checkCell,
+									children: /* @__PURE__ */ jsx(Checkbox, {
+										slot: "selection",
+										className: DataTable_module_default.check,
+										children: ({ isSelected }) => /* @__PURE__ */ jsx("span", {
+											className: DataTable_module_default.box,
+											"aria-hidden": "true",
+											children: isSelected ? /* @__PURE__ */ jsx(CheckIcon, { className: DataTable_module_default.mark }) : null
+										})
+									})
+								}) : null, visible.map((c) => /* @__PURE__ */ jsx(Cell, {
+									className: DataTable_module_default.cell,
+									"data-align": c.align ?? (c.isNumeric ? "end" : void 0),
+									"data-numeric": c.isNumeric ? "" : void 0,
+									"data-row-header": c.id === rowHeaderId ? "" : void 0,
+									children: display(c, row)
+								}, c.id))]
+							}, rowId);
+						})
+					})]
+				})
+			}),
+			pageSize > 0 && total > pageSize ? /* @__PURE__ */ jsx(Pagination, {
+				page: current,
+				totalPages,
+				totalItems: total,
+				pageSize,
+				onChange: (p) => {
+					setPage(p);
+					query({ page: p });
+				},
+				className: DataTable_module_default.pagination
+			}) : null,
+			/* @__PURE__ */ jsx(Announcer, { message: searching && !isLoading ? template(t.dataTableResults, { count: total }) : "" })
+		]
+	});
+}
+export { DataTable };

package/dist/components/DataTable/DataTable.module.js

@@ -0,0 +1,29 @@
+import './DataTable.css';
+// src/components/DataTable/DataTable.module.css
+var DataTable_module_default = {
+	"root": "sti-DataTable-root-3009b",
+	"title": "sti-DataTable-title-87ccc",
+	"views": "sti-DataTable-views-a4c17",
+	"toolbar": "sti-DataTable-toolbar-4a8a4",
+	"search": "sti-DataTable-search-dcb92",
+	"extra": "sti-DataTable-extra-066b7",
+	"tools": "sti-DataTable-tools-f2745",
+	"scroll": "sti-DataTable-scroll-55f18",
+	"table": "sti-DataTable-table-a2bc9",
+	"heading": "sti-DataTable-heading-7dd46",
+	"checkColumn": "sti-DataTable-checkColumn-1521a",
+	"headingInner": "sti-DataTable-headingInner-31e44",
+	"sortIcon": "sti-DataTable-sortIcon-9f10a",
+	"checkCell": "sti-DataTable-checkCell-74a59",
+	"cell": "sti-DataTable-cell-2869d",
+	"row": "sti-DataTable-row-77ae9",
+	"none": "sti-DataTable-none-51606",
+	"hidden": "sti-DataTable-hidden-84915",
+	"check": "sti-DataTable-check-18b0f",
+	"box": "sti-DataTable-box-bc656",
+	"mark": "sti-DataTable-mark-40ca1",
+	"empty": "sti-DataTable-empty-55179",
+	"loading": "sti-DataTable-loading-4ec88",
+	"pagination": "sti-DataTable-pagination-20bba"
+};
+export { DataTable_module_default as default };

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

@@ -0,0 +1,3 @@
+import { DataTableSort, DataTableValue, DataTableValueColumn, csvCell, filterRows, pageRows, sortRows, toCsv } from "./tableData.js";
+import { DataTable, DataTableColumn, DataTableProps, DataTableQuery, DataTableView } from "./DataTable.js";
+export { DataTable, DataTableColumn, DataTableProps, DataTableQuery, DataTableSort, DataTableValue, DataTableValueColumn, DataTableView, csvCell, filterRows, pageRows, sortRows, toCsv };

package/dist/components/DataTable/tableData.d.ts

@@ -0,0 +1,34 @@
+import { Locale } from "../../provider/locale.js";
+export type DataTableValue = string | number | Date | boolean | null | undefined;
+export interface DataTableSort {
+  column: string;
+  direction: "ascending" | "descending";
+}
+/** Sıralama, arama ve dışa aktarma için sütunun gereken kısmı. */
+export interface DataTableValueColumn<T> {
+  id: string;
+  header: string;
+  value?: (row: T) => DataTableValue;
+  /** Aramaya girer mi (varsayılan: değeri olan her sütun). */
+  isSearchable?: boolean;
+}
+/**
+ * Kararlı sıralama; metinler dile göre (Türkçe "ç", "ı", "ş" doğru yerde, sayılar doğal sırada:
+ * "Şube 2" < "Şube 10"). Boş değerler yönden bağımsız olarak hep sonda kalır.
+ */
+export declare function sortRows<T>(rows: readonly T[], value: (row: T) => DataTableValue, direction: DataTableSort["direction"], locale?: Locale): T[];
+/** Gevşek arama (Türkçe harf ve aksan duyarsız): sorgunun her kelimesi satırda geçmeli. */
+export declare function filterRows<T>(rows: readonly T[], columns: readonly DataTableValueColumn<T>[], query: string, locale?: Locale): T[];
+/** Sayfadaki satırlar (sayfa 1'den başlar; `pageSize` 0 ise hepsi). */
+export declare function pageRows<T>(rows: readonly T[], page: number, pageSize: number): T[];
+/**
+ * CSV hücresi: tırnak ve satır sonu kaçışlı. Elektronik tabloda formül olarak çalışabilecek
+ * başlangıçlar (`=`, `+`, `-`, `@`, sekme, satır başı) tek tırnakla etkisizleştirilir (CSV/formül
+ * enjeksiyonu). Sayılar olduğu gibi yazılır (eksi sayı formül değildir).
+ */
+export declare function csvCell(v: DataTableValue): string;
+/**
+ * Satırları CSV metnine çevirir: ilk satır başlıklar, ayraç `;` (Türkçe Excel ondalık virgül
+ * kullandığı için), satır sonu CRLF. Başta UTF-8 BOM vardır (Excel Türkçe harfleri doğru açar).
+ */
+export declare function toCsv<T>(rows: readonly T[], columns: readonly DataTableValueColumn<T>[], separator?: string): string;

package/dist/components/DataTable/tableData.js

@@ -0,0 +1,75 @@
+import { matchesLoose } from "../../text/text.js";
+// src/components/DataTable/tableData.ts
+const isEmpty = (v) => v === null || v === void 0 || v === "";
+/** Değeri karşılaştırılabilir hâle getirir: tarih ve mantıksal değer sayıya döner. */
+function comparable(v) {
+	if (isEmpty(v)) return null;
+	if (v instanceof Date) return v.getTime();
+	if (typeof v === "boolean") return v ? 1 : 0;
+	return v;
+}
+/**
+* Kararlı sıralama; metinler dile göre (Türkçe "ç", "ı", "ş" doğru yerde, sayılar doğal sırada:
+* "Şube 2" < "Şube 10"). Boş değerler yönden bağımsız olarak hep sonda kalır.
+*/
+function sortRows(rows, value, direction, locale = "tr-TR") {
+	const collator = new Intl.Collator(locale, {
+		numeric: true,
+		sensitivity: "base"
+	});
+	const sign = direction === "ascending" ? 1 : -1;
+	return rows.map((row, index) => ({
+		row,
+		index,
+		v: comparable(value(row))
+	})).sort((a, b) => {
+		if (a.v === null || b.v === null) {
+			if (a.v === b.v) return a.index - b.index;
+			return a.v === null ? 1 : -1;
+		}
+		let c;
+		if (typeof a.v === "number" && typeof b.v === "number") c = a.v - b.v;
+		else c = collator.compare(String(a.v), String(b.v));
+		return c === 0 ? a.index - b.index : c * sign;
+	}).map((x) => x.row);
+}
+/** Aramada kullanılan metin (tarih ISO gün olarak; ekranda biçimli gösterilen değer aranmaz). */
+function searchText(v) {
+	if (isEmpty(v)) return "";
+	if (v instanceof Date) return v.toISOString().slice(0, 10);
+	return String(v);
+}
+/** Gevşek arama (Türkçe harf ve aksan duyarsız): sorgunun her kelimesi satırda geçmeli. */
+function filterRows(rows, columns, query, locale = "tr-TR") {
+	const q = query.trim();
+	if (!q) return [...rows];
+	const searchable = columns.filter((c) => c.value && c.isSearchable !== false);
+	return rows.filter((row) => matchesLoose(searchable.map((c) => searchText(c.value?.(row))).join(" "), q, locale));
+}
+/** Sayfadaki satırlar (sayfa 1'den başlar; `pageSize` 0 ise hepsi). */
+function pageRows(rows, page, pageSize) {
+	if (pageSize <= 0) return [...rows];
+	const start = (page - 1) * pageSize;
+	return rows.slice(start, start + pageSize);
+}
+/**
+* CSV hücresi: tırnak ve satır sonu kaçışlı. Elektronik tabloda formül olarak çalışabilecek
+* başlangıçlar (`=`, `+`, `-`, `@`, sekme, satır başı) tek tırnakla etkisizleştirilir (CSV/formül
+* enjeksiyonu). Sayılar olduğu gibi yazılır (eksi sayı formül değildir).
+*/
+function csvCell(v) {
+	if (isEmpty(v)) return "";
+	if (typeof v === "number") return Number.isFinite(v) ? String(v) : "";
+	let s = v instanceof Date ? v.toISOString() : String(v);
+	if (/^[=+\-@\t\r]/.test(s)) s = `'${s}`;
+	return /[",;\r\n]/.test(s) ? `"${s.replaceAll("\"", "\"\"")}"` : s;
+}
+/**
+* Satırları CSV metnine çevirir: ilk satır başlıklar, ayraç `;` (Türkçe Excel ondalık virgül
+* kullandığı için), satır sonu CRLF. Başta UTF-8 BOM vardır (Excel Türkçe harfleri doğru açar).
+*/
+function toCsv(rows, columns, separator = ";") {
+	const cols = columns.filter((c) => c.value);
+	return `${[cols.map((c) => csvCell(c.header)).join(separator), ...rows.map((row) => cols.map((c) => csvCell(c.value?.(row))).join(separator))].join("\r\n")}\r\n`;
+}
+export { csvCell, filterRows, pageRows, sortRows, toCsv };

package/dist/components/DateField/DateField.js

@@ -16,6 +16,7 @@ function DateField$1({ label, description, errorMessage, showOptional, size = "m
 	return /* @__PURE__ */ jsx(I18nProvider, {
 		locale,
 		children: /* @__PURE__ */ jsxs(DateField, {
+			shouldForceLeadingZeros: true,
 			...rest,
 			value: value === void 0 ? void 0 : toDate(value),
 			defaultValue: toDate(defaultValue),

package/dist/components/DatePicker/DatePicker.js

@@ -17,6 +17,7 @@ function PopoverTime({ label }) {
 	const state = useContext(DatePickerStateContext);
 	if (!state) return null;
 	return /* @__PURE__ */ jsxs(TimeField, {
+		shouldForceLeadingZeros: true,
 		"aria-label": label,
 		value: state.timeValue,
 		onChange: (t) => {
@@ -39,6 +40,7 @@ function PickerBody({ label, description, errorMessage, showOptional, size = "md
 	return /* @__PURE__ */ jsx(I18nProvider, {
 		locale,
 		children: /* @__PURE__ */ jsxs(DatePicker, {
+			shouldForceLeadingZeros: true,
 			...rest,
 			value: value === void 0 ? void 0 : parse(value),
 			defaultValue: parse(defaultValue),

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,6 +1,6 @@
-import { ErrorMessage } from "../Field/Field.js";
 import { useMessages } from "../../provider/UIProvider.js";
 import { DateRangeValue } from "../_internal/date/iso.js";
+import { ErrorMessage } from "../Field/Field.js";
 import { ReactNode } from "react";
 export interface DateRangePreset {
   label: string;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -103,6 +103,7 @@ function DateRangePicker$1({ label, description, errorMessage, showOptional, siz
 	return /* @__PURE__ */ jsx(I18nProvider, {
 		locale,
 		children: /* @__PURE__ */ jsxs(DateRangePicker, {
+			shouldForceLeadingZeros: true,
 			...rest,
 			value: toRange(current),
 			onChange: (r) => change(r ? {

package/dist/components/DateTime/DateTime.d.ts

@@ -1,6 +1,6 @@
 import { Locale } from "../../provider/locale.js";
-import { DateValue } from "./instant.js";
 import { DateStyle, DayLabels } from "../../format/dates.js";
+import { DateValue } from "./instant.js";
 export type DateTimeFormat = "date" | "dateTime" | "time" | "monthYear" | "calendar";
 /**
  * Yıl gösterimi: `always` yılı her zaman yazar; `auto` yılı yalnız `now` ile aynı yıl değilse

package/dist/components/DateTime/DateTime.js

@@ -1,7 +1,7 @@
 import { contextOf } from "../../format/context.js";
 import { dayKey, formatCalendarDate, formatCalendarDateTime, formatDate, formatDateTime, formatMonthYear, formatTime } from "../../format/dates.js";
-import DateTime_module_default from "./DateTime.module.js";
 import { dayAsUtc, parseDateValue } from "./instant.js";
+import DateTime_module_default from "./DateTime.module.js";
 import { jsx } from "react/jsx-runtime";
 // src/components/DateTime/DateTime.tsx
 const yearOf = (instant, timeZone) => dayKey(instant, timeZone).slice(0, 4);