@base-framework/ui 1.0.216 → 1.0.218

package/dist/types/components/organisms/calendar/range/calendar-header.d.ts

@@ -0,0 +1,7 @@
+export function CalendarHeader({ onMonthClick, onYearClick, next, previous }: {
+    onMonthClick: Function;
+    onYearClick: Function;
+    next: Function;
+    previous: Function;
+}): object;
+export default CalendarHeader;

package/dist/types/components/organisms/calendar/range/day-header.d.ts

@@ -0,0 +1 @@
+export function DayHeader(day: string): object;

package/dist/types/components/organisms/calendar/range/days-of-week-header.d.ts

@@ -0,0 +1 @@
+export function DaysOfWeekHeader(): object;

package/dist/types/components/organisms/calendar/range/month-calendar.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Create a month calendar component.
+ *
+ * @param {object} props
+ * @param {function} props.onMonthClick
+ * @param {function} props.onYearClick
+ * @param {function} props.next
+ * @param {function} props.previous
+ * @param {Array} props.cells
+ * @returns {object}
+ */
+export const MonthCalendar: Function;

package/dist/types/components/organisms/calendar/range/month-selector.d.ts

@@ -0,0 +1,5 @@
+export function MonthSelector({ currentMonth, currentYear, onSelect }: {
+    currentMonth: number;
+    currentYear: number;
+    onSelect: Function;
+}): object;

package/dist/types/components/organisms/calendar/range/navigation-button.d.ts

@@ -0,0 +1 @@
+export function NavigationButton({ label, click }: object): object;

package/dist/types/components/organisms/calendar/range/range-calendar.d.ts

@@ -0,0 +1,71 @@
+/**
+ * RangeCalendar
+ *
+ * A calendar component for selecting a start and end date.
+ *
+ * @class RangeCalendar
+ */
+export class RangeCalendar extends Component {
+    /**
+     * Initial start ISO date (YYYY-MM-DD).
+     * @member {string|null} startDate
+     */
+    startDate: any;
+    /**
+     * Initial end ISO date (YYYY-MM-DD).
+     * @member {string|null} endDate
+     */
+    endDate: any;
+    /**
+     * Callback after both dates are chosen.
+     * @member {function|null} onRangeSelect
+     */
+    onRangeSelect: any;
+    /**
+     * Block dates before today.
+     * @member {boolean} blockPriorDates
+     */
+    blockPriorDates: boolean;
+    /**
+     * Initialize reactive data for today and current view.
+     *
+     * @returns {Data}
+     */
+    setData(): Data;
+    /**
+     * Initialize component state.
+     *
+     * @returns {{view:string,selecting:string,start:string|null,end:string|null}}
+     */
+    setupStates(): {
+        view: string;
+        selecting: string;
+        start: string | null;
+        end: string | null;
+    };
+    /**
+     * Handle a date cell click.
+     *
+     * @param {string} isoDate
+     * @returns {void}
+     */
+    handleClick(isoDate: string): void;
+    /**
+     * Update current month/year in data.
+     *
+     * @param {{month:number,year:number}} obj
+     * @returns {void}
+     */
+    setCurrent({ month, year }: {
+        month: number;
+        year: number;
+    }): void;
+    /**
+     * Render the range calendar.
+     *
+     * @returns {object}
+     */
+    render(): object;
+}
+import { Component } from '@base-framework/base';
+import { Data } from '@base-framework/base';

package/dist/types/components/organisms/calendar/range/range-day-cell.d.ts

@@ -0,0 +1,9 @@
+export function RangeDayCell({ day, iso, disabled, isStart, isEnd, isBetween, click }: {
+    day: number;
+    iso: string;
+    disabled: boolean;
+    isStart: boolean;
+    isEnd: boolean;
+    isBetween: boolean;
+    click: Function;
+}): object;

package/dist/types/components/organisms/calendar/range/range-days-grid.d.ts

@@ -0,0 +1,3 @@
+export function RangeDaysGrid({ cells }: {
+    cells: Array<object | null>;
+}): object;

package/dist/types/components/organisms/calendar/range/range-toggle.d.ts

@@ -0,0 +1,7 @@
+export function RangeToggle({ start, end, selecting, onSelectStart, onSelectEnd }: {
+    start: string | null;
+    end: string | null;
+    selecting: string;
+    onSelectStart: Function;
+    onSelectEnd: Function;
+}): object;

package/dist/types/components/organisms/calendar/range/year-selector.d.ts

@@ -0,0 +1,4 @@
+export function YearSelector({ currentYear, onSelect }: {
+    currentYear: number;
+    onSelect: Function;
+}): object;

package/dist/types/components/organisms/organisms.d.ts

@@ -9,6 +9,7 @@ export * from "./calendar/week/week-calendar.js";
 export * from "./calendar/week/week-cell.js";
 export * from "./calendar/week/week-cells.js";
 export * from "./calendar/week/week-header.js";
+export * from "./calendar/range/range-calendar.js";
 export * from "./calendar/calendar.js";
 export * from "./calendar/utils.js";
 export * from "./lists/checkbox-col.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.216",
+	"version": "1.0.218",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {