@rebilly/revel 12.12.1 → 12.13.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-## [12.12.1](https://github.com/Rebilly/rebilly/compare/revel-v12.12.0...revel-v12.12.1) (2026-01-08)
+## [12.13.0](https://github.com/Rebilly/rebilly/compare/revel-v12.12.2...revel-v12.13.0) (2026-01-20)
 
 
-### Bug Fixes
+### Features
 
-* **revel:** Value disappears from the autocomplete field when clicking out ([#17684](https://github.com/Rebilly/rebilly/issues/17684)) ([6fcda9b](https://github.com/Rebilly/rebilly/commit/6fcda9b9ec488a59fde2e599dc06d34accf202f7))
+* **revel:** Add r-date-range component ([#17958](https://github.com/Rebilly/rebilly/issues/17958)) ([184f2aa](https://github.com/Rebilly/rebilly/commit/184f2aaf6a27be73b3d1d2715ea776b5e28ac1c5))

package/dist/components/index.d.ts

@@ -6,6 +6,7 @@ export { default as RButton } from './r-button/r-button.vue';
 export { default as RButtonGroup } from './r-button-group/r-button-group.vue';
 export { default as RCheckbox } from './r-checkbox/r-checkbox.vue';
 export { default as RDateInput } from './r-date-input/r-date-input.vue';
+export { default as RDateRange } from './r-date-range/r-date-range.vue';
 export { default as RFileUpload } from './r-file-upload/r-file-upload.vue';
 export { default as RFlex } from './r-flex/r-flex.vue';
 export { default as RFlexItem } from './r-flex/r-flex-item.vue';

package/dist/components/r-date-range/components/calendar.vue.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    columns?: 1 | 2;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    timezone?: string;
+    navigateToDate?: Date | null;
+    isInRange: (date: Date) => boolean;
+    isRangeStart: (date: Date) => boolean;
+    isRangeEnd: (date: Date) => boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "date-click": (date: Date) => any;
+    "date-hover": (date: Date | null) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onDate-click"?: ((date: Date) => any) | undefined;
+    "onDate-hover"?: ((date: Date | null) => any) | undefined;
+}>, {
+    columns: 1 | 2;
+    timezone: string;
+    minDate: Date | string;
+    maxDate: Date | string;
+    navigateToDate: Date | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-date-range/components/inputs.vue.d.ts

@@ -0,0 +1,24 @@
+import type { TimeValue } from '../types';
+interface Props {
+    startDate: Date | null;
+    endDate: Date | null;
+    startTime: TimeValue;
+    endTime: TimeValue;
+    showTimePicker?: boolean;
+    is24hr?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:startDate": (value: Date | null) => any;
+    "update:endDate": (value: Date | null) => any;
+    "update:startTime": (value: TimeValue) => any;
+    "update:endTime": (value: TimeValue) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:startDate"?: ((value: Date | null) => any) | undefined;
+    "onUpdate:endDate"?: ((value: Date | null) => any) | undefined;
+    "onUpdate:startTime"?: ((value: TimeValue) => any) | undefined;
+    "onUpdate:endTime"?: ((value: TimeValue) => any) | undefined;
+}>, {
+    is24hr: boolean;
+    showTimePicker: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-date-range/components/month.vue.d.ts

@@ -0,0 +1,18 @@
+import type { CalendarMonth } from '../types';
+interface Props {
+    month: CalendarMonth;
+    showHeader?: boolean;
+    isInRange: (date: Date) => boolean;
+    isRangeStart: (date: Date) => boolean;
+    isRangeEnd: (date: Date) => boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "date-click": (date: Date) => any;
+    "date-hover": (date: Date | null) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onDate-click"?: ((date: Date) => any) | undefined;
+    "onDate-hover"?: ((date: Date | null) => any) | undefined;
+}>, {
+    showHeader: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-date-range/components/popup.vue.d.ts

@@ -0,0 +1,36 @@
+import type { TimeValue } from '../types';
+interface Props {
+    startDate: Date | null;
+    endDate: Date | null;
+    startTime: TimeValue;
+    endTime: TimeValue;
+    selectedPreset: string | null;
+    showPresets?: boolean;
+    showTimePicker?: boolean;
+    is24hr?: boolean;
+    columns?: 1 | 2;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    timezone?: string;
+    isMobile?: boolean;
+    isInRange: (date: Date) => boolean;
+    isRangeStart: (date: Date) => boolean;
+    isRangeEnd: (date: Date) => boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
+    columns: 1 | 2;
+    timezone: string;
+    is24hr: boolean;
+    minDate: Date | string;
+    maxDate: Date | string;
+    showPresets: boolean;
+    showTimePicker: boolean;
+    isMobile: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-date-range/components/presets.vue.d.ts

@@ -0,0 +1,13 @@
+interface Props {
+    selectedPreset?: string | null;
+    isMobile?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (preset: "today" | "yesterday" | "thisWeek" | "lastWeek" | "last30Days" | "thisMonth" | "lastMonth" | "last3Months" | "last6Months" | "thisYear" | "lastYear") => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: ((preset: "today" | "yesterday" | "thisWeek" | "lastWeek" | "last30Days" | "thisMonth" | "lastMonth" | "last3Months" | "last6Months" | "thisYear" | "lastYear") => any) | undefined;
+}>, {
+    selectedPreset: string | null;
+    isMobile: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-date-range/components/trigger.vue.d.ts

@@ -0,0 +1,24 @@
+import type { DateRange } from '../types';
+interface Props {
+    dateRange?: DateRange | null;
+    placeholder?: string;
+    disabled?: boolean;
+    showTimePicker?: boolean;
+    is24hr?: boolean;
+    timezone?: string;
+    isInvalid?: boolean;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    placeholder: string;
+    isInvalid: boolean;
+    timezone: string;
+    is24hr: boolean;
+    dateRange: DateRange | null;
+    showTimePicker: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-date-range/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RDateRange } from './r-date-range.vue';
+export type { DateRange, DateRangePickerProps, TimeValue, CalendarDay, CalendarMonth, } from './types';

package/dist/components/r-date-range/r-date-range.vue.d.ts

@@ -0,0 +1,46 @@
+import type { DateRange } from './types';
+import type { ValidationState } from '../../types';
+interface Props {
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    validate?: Nullable<ValidationState>;
+    showValidateMessages?: boolean;
+    timezone?: string;
+    showPresets?: boolean;
+    showTimePicker?: boolean;
+    is24hr?: boolean;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    columns?: 1 | 2;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: DateRange | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: DateRange | null) => any;
+} & {
+    cancel: () => any;
+    apply: (value: DateRange | null) => any;
+    clear: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: DateRange | null) => any) | undefined;
+    onApply?: ((value: DateRange | null) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    columns: 1 | 2;
+    label: string;
+    disabled: boolean;
+    placeholder: string;
+    validate: Nullable<ValidationState>;
+    timezone: string;
+    is24hr: boolean;
+    minDate: Date | string;
+    maxDate: Date | string;
+    showPresets: boolean;
+    showValidateMessages: boolean;
+    showTimePicker: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/r-date-range/types.d.ts

@@ -0,0 +1,40 @@
+import type { ValidationState } from '../../types';
+import type { DateRange } from '../r-date-input/types';
+export type { DateRange };
+export type { CalendarPreset, CalendarPresetLabel, CalendarPresetPeriod, } from '../r-date-input/calendar-presets';
+export interface TimeValue {
+    hours: number;
+    minutes: number;
+}
+export interface CalendarDay {
+    date: Date;
+    day: number;
+    month: number;
+    year: number;
+    isToday: boolean;
+    isCurrentMonth: boolean;
+    isDisabled: boolean;
+}
+export interface CalendarMonth {
+    month: number;
+    year: number;
+    name: string;
+    weeks: CalendarDay[][];
+}
+export interface DateRangePickerProps {
+    modelValue?: DateRange | null;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    validate?: Nullable<ValidationState>;
+    showValidateMessages?: boolean;
+    timezone?: string;
+    showPresets?: boolean;
+    showTimePicker?: boolean;
+    is24hr?: boolean;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    locale?: string;
+    columns?: 1 | 2;
+}
+export type SelectionMode = 'start' | 'end' | null;

package/dist/components/r-date-range/use-calendar.d.ts

@@ -0,0 +1,21 @@
+import { type Ref, type ComputedRef } from 'vue';
+import type { CalendarMonth } from './types';
+export interface UseCalendarOptions {
+    timezone?: string;
+    minDate?: Ref<Date | string | undefined>;
+    maxDate?: Ref<Date | string | undefined>;
+    columns?: Ref<1 | 2>;
+}
+export interface UseCalendarReturn {
+    currentYear: Ref<number>;
+    currentMonth: Ref<number>;
+    displayedMonths: ComputedRef<CalendarMonth[]>;
+    nextMonth: () => void;
+    prevMonth: () => void;
+    nextYear: () => void;
+    prevYear: () => void;
+    goToDate: (date: Date) => void;
+    isDateDisabled: (date: Date) => boolean;
+    isToday: (date: Date) => boolean;
+}
+export declare function useCalendar(options?: UseCalendarOptions): UseCalendarReturn;

package/dist/components/r-date-range/use-date-range-state.d.ts

@@ -0,0 +1,30 @@
+import { type Ref, type ComputedRef } from 'vue';
+import type { DateRange, TimeValue, SelectionMode } from './types';
+import { type CalendarPreset } from '../r-date-input/calendar-presets';
+export interface UseDateRangeStateOptions {
+    initialValue?: DateRange | null;
+    timezone?: string;
+    showTimePicker?: boolean;
+}
+export interface UseDateRangeStateReturn {
+    startDate: Ref<Date | null>;
+    endDate: Ref<Date | null>;
+    startTime: Ref<TimeValue>;
+    endTime: Ref<TimeValue>;
+    hoveredDate: Ref<Date | null>;
+    selectionMode: Ref<SelectionMode>;
+    selectedPreset: Ref<string | null>;
+    selectedPresetLabel: ComputedRef<string | null>;
+    onDateClick: (date: Date) => void;
+    onDateHover: (date: Date | null) => void;
+    isInRange: (date: Date) => boolean;
+    isRangeStart: (date: Date) => boolean;
+    isRangeEnd: (date: Date) => boolean;
+    applyPreset: (presetKey: CalendarPreset) => void;
+    buildDateRange: () => DateRange | null;
+    reset: () => void;
+    setFromDateRange: (range: DateRange | null) => void;
+    clear: () => void;
+    hasSelection: ComputedRef<boolean>;
+}
+export declare function useDateRangeState(options?: UseDateRangeStateOptions): UseDateRangeStateReturn;

package/dist/components/r-flex/r-flex.vue.d.ts

@@ -39,12 +39,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     columns: FlexSize;
+    direction: Nullable<Direction>;
     wrap: Nullable<Wrap>;
     gap: Gap;
     alignItems: Nullable<Distribution>;
     alignContent: Nullable<ContentDistribution>;
     justifyContent: Nullable<ContentDistribution>;
-    direction: Nullable<Direction>;
     unstackable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/components/r-modal/r-modal.vue.d.ts

@@ -68,10 +68,10 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     title: Nullable<string>;
     size: Nullable<ModalSize>;
     scroll: boolean;
+    duration: number;
     show: boolean;
     cancelLabel: string;
     scrollContent: boolean;
-    duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/r-popper/r-popper.vue.d.ts

@@ -116,15 +116,15 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     autoHide: boolean;
     position: Positions;
     offset: number;
-    direction: Directions;
-    duration: number;
     state: Nullable<boolean>;
     escToHide: boolean;
     globalAutoHide: boolean;
     closeFunction: Nullable<() => unknown>;
     openOnMount: boolean;
     margin: MarginsOffset;
+    direction: Directions;
     slideFrom: SlideFrom;
+    duration: number;
     strategy: Strategy;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;