reka-ui/dist/date/utils.js

Vue port for Radix UI Primitives.

import { defu } from "defu";

//#region src/date/utils.ts
/**
* Splits an array into chunks of a given size.
* @param arr The array to split.
* @param size The size of each chunk.
* @returns An array of arrays, where each sub-array has `size` elements from the original array.
* @example ```ts
* const arr = [1, 2, 3, 4, 5, 6, 7, 8];
* const chunks = chunk(arr, 3);
* // chunks = [[1, 2, 3], [4, 5, 6], [7, 8]]
* ```
*/
function chunk(arr, size) {
	const result = [];
	for (let i = 0; i < arr.length; i += size) result.push(arr.slice(i, i + size));
	return result;
}

//#endregion
//#region src/shared/date/utils.ts
function getOptsByGranularity(granularity, hourCycle, isTimeValue = false) {
	const opts = {
		year: "numeric",
		month: "2-digit",
		day: "2-digit",
		hour: "2-digit",
		minute: "2-digit",
		second: "2-digit",
		timeZoneName: "short",
		hourCycle: normalizeHourCycle(hourCycle),
		hour12: normalizeHour12(hourCycle)
	};
	if (isTimeValue) {
		delete opts.year;
		delete opts.month;
		delete opts.day;
	}
	if (granularity === "day") {
		delete opts.second;
		delete opts.hour;
		delete opts.minute;
		delete opts.timeZoneName;
	}
	if (granularity === "hour") {
		delete opts.minute;
		delete opts.second;
	}
	if (granularity === "minute") delete opts.second;
	return opts;
}
function normalizeDateStep(props) {
	return defu(props?.step, {
		year: 1,
		month: 1,
		day: 1,
		hour: 1,
		minute: 1,
		second: 1,
		millisecond: 1
	});
}
function handleCalendarInitialFocus(calendar) {
	const selectedDay = calendar.querySelector("[data-selected]");
	if (selectedDay) return selectedDay.focus();
	const today = calendar.querySelector("[data-today]");
	if (today) return today.focus();
	const firstDay = calendar.querySelector("[data-reka-calendar-day]");
	if (firstDay) return firstDay.focus();
}
function normalizeHourCycle(hourCycle) {
	if (hourCycle === 24) return "h23";
	if (hourCycle === 12) return "h11";
	return void 0;
}
function normalizeHour12(hourCycle) {
	if (hourCycle === 24) return false;
	if (hourCycle === 12) return true;
	return void 0;
}
function getInputType(granularity) {
	return granularity === "day" ? "date" : "datetime-local";
}
function normalizeInputValue(date, granularity) {
	if (!date) return "";
	const type = getInputType(granularity);
	const year = String(date.year).padStart(4, "0");
	const month = String(date.month).padStart(2, "0");
	const day = String(date.day).padStart(2, "0");
	if (type === "date") return `${year}-${month}-${day}`;
	const hour = String("hour" in date ? date.hour : 0).padStart(2, "0");
	const minute = String("minute" in date ? date.minute : 0).padStart(2, "0");
	if (granularity === "second") {
		const second = String("second" in date ? date.second : 0).padStart(2, "0");
		return `${year}-${month}-${day}T${hour}:${minute}:${second}`;
	}
	return `${year}-${month}-${day}T${hour}:${minute}`;
}

//#endregion
export { chunk, getInputType, getOptsByGranularity, handleCalendarInitialFocus, normalizeDateStep, normalizeHourCycle, normalizeInputValue };
//# sourceMappingURL=utils.js.map