1mpacto-react-ui 0.2.0-beta.9 → 2.0.0

package/dist/src/interfaces/components/Button/index.d.ts

@@ -1,13 +1,57 @@
 import { ReactNode } from 'react';
-export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700';
-export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
+/**
+ * [ID] : Tipe varian tombol yang tersedia.
+ * [EN] : Available button variant types.
+ */
+export type TButtonVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'ghost-blue-gray-100-bg_white-text_blue-gray-400' | 'ghost-laba-blue-05' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-08' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'ghost-laba-blue-01' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'secondary-red-700' | 'tertiary-black' | 'primary-bill-primary-600' | 'secondary-bill-secondary-800' | 'tertiary-bill-secondary-800' | 'primary-bill-red-700';
+/**
+ * [ID] : Tipe ukuran tombol.
+ * [EN] : Button size type.
+ */
+export type TButtonSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs' | 'bill-l' | 'bill-m' | 'bill-s' | 'bill-xs';
+/**
+ * [ID] : Interface untuk komponen Button.
+ * [EN] : Interface for Button component.
+ */
 export interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * [ID] : Ukuran tombol (opsional).
+     * [EN] : Button size (optional).
+     */
     size?: TButtonSize;
+    /**
+     * [ID] : Varian gaya tombol (opsional).
+     * [EN] : Button style variant (optional).
+     */
     variants?: TButtonVariants;
+    /**
+     * [ID] : Ikon di awal tombol (opsional).
+     * [EN] : Icon at the start of the button (optional).
+     */
     startIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Ikon di akhir tombol (opsional).
+     * [EN] : Icon at the end of the button (optional).
+     */
     endIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Konten anak di dalam tombol.
+     * [EN] : Child content inside the button.
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : Nama kelas CSS tambahan (opsional).
+     * [EN] : Additional CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : Menentukan apakah tombol dalam keadaan memuat (opsional).
+     * [EN] : Determines if the button is in loading state (optional).
+     */
     loading?: boolean;
+    /**
+     * [ID] : Nama kelas CSS untuk ikon loading (opsional).
+     * [EN] : CSS class name for loading icon (optional).
+     */
     classNameIconLoading?: string | undefined;
 }

package/dist/src/interfaces/components/ButtonIcon/index.d.ts

@@ -1,11 +1,47 @@
 import { ReactNode } from 'react';
+/**
+ * [ID] : Tipe varian tombol ikon.
+ * [EN] : Button icon variant types.
+ */
 export type TButtonIcomVariants = 'primary-laba-blue-10' | 'primary-red-700-dsb_laba-grey-06' | 'primary-green-700' | 'filled-laba-white_laba-blue-10' | 'filled-laba-white_laba-red-05' | 'ghost-laba-blue-10' | 'ghost-red-700' | 'ghost-green-700' | 'ghost-blue-gray-100-bg_white' | 'ghost-laba-green-10' | 'nude-laba-blue-10' | 'nude-red-700' | 'nude-green-700' | 'nude-gray-500' | 'nude-laba-red-10' | 'nude-laba-red-05' | 'primary-blue-700' | 'primary-red-700' | 'secondary-blue-700' | 'secondary-red-600' | 'secondary-green-600' | 'tertiary-blue-700' | 'tertiary-red-300' | 'tertiary-red-600' | 'tertiary-gray-500' | 'secondary-red-700';
+/**
+ * [ID] : Tipe ukuran tombol ikon.
+ * [EN] : Button icon size type.
+ */
 export type TButtonIconSize = 'large' | 'reguler' | 'small' | 'extra-small' | 'l' | 'm' | 's' | 'xs';
+/**
+ * [ID] : Interface untuk komponen ButtonIcon.
+ * [EN] : Interface for ButtonIcon component.
+ */
 export interface IButtonIcon extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * [ID] : Ukuran tombol (opsional).
+     * [EN] : Button size (optional).
+     */
     size?: TButtonIconSize;
+    /**
+     * [ID] : Varian gaya tombol (opsional).
+     * [EN] : Button style variant (optional).
+     */
     variants?: TButtonIcomVariants;
+    /**
+     * [ID] : Konten anak (biasanya ikon).
+     * [EN] : Child content (usually icon).
+     */
     children: ReactNode | ReactNode[];
+    /**
+     * [ID] : Nama kelas CSS tambahan (opsional).
+     * [EN] : Additional CSS class name (optional).
+     */
     className?: string | undefined;
+    /**
+     * [ID] : Menentukan apakah tombol dalam keadaan memuat (opsional).
+     * [EN] : Determines if the button is in loading state (optional).
+     */
     loading?: boolean;
+    /**
+     * [ID] : Nama kelas CSS untuk ikon loading (opsional).
+     * [EN] : CSS class name for loading icon (optional).
+     */
     classNameIconLoading?: string | undefined;
 }

package/dist/src/interfaces/components/ButtonPopover/index.d.ts

@@ -1,23 +1,101 @@
 import { OffsetOptions, UseFloatingOptions } from '@floating-ui/react';
 import { IPopover } from '../Popover';
 import { IButton } from '../Button';
+/**
+ * [ID] : Interface untuk komponen ButtonPopover.
+ * [EN] : Interface for ButtonPopover component.
+ */
 export interface IButtonPopover extends IButton {
+    /**
+     * [ID] : Teks tombol (opsional).
+     * [EN] : Button text (optional).
+     */
     text?: string;
+    /**
+     * [ID] : Ikon yang ditampilkan di awal (opsional).
+     * [EN] : Icon shown at the start (optional).
+     */
     startIconShow?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : Ikon yang ditampilkan di akhir (opsional).
+     * [EN] : Icon shown at the end (optional).
+     */
     endIconShow?: React.ReactNode | React.ReactNode[];
+    /**
+     * [ID] : ID untuk popover (opsional).
+     * [EN] : ID for popover (optional).
+     */
     idPopover?: string;
+    /**
+     * [ID] : Nama kelas CSS untuk tombol (opsional).
+     * [EN] : CSS class name for button (optional).
+     */
     classNameButton?: string;
+    /**
+     * [ID] : Z-index untuk popover (opsional).
+     * [EN] : Z-index for popover (optional).
+     */
     zIndexPopover?: number;
+    /**
+     * [ID] : Opsi offset untuk posisi popover (opsional).
+     * [EN] : Offset options for popover position (optional).
+     */
     offset?: OffsetOptions;
+    /**
+     * [ID] : Properti tambahan untuk popover (opsional).
+     * [EN] : Additional properties for popover (optional).
+     */
     popoverProps?: Omit<IPopover, 'children'>;
+    /**
+     * [ID] : Penempatan popover (opsional).
+     * [EN] : Popover placement (optional).
+     */
     placement?: UseFloatingOptions['placement'];
+    /**
+     * [ID] : Handler saat popover ditutup (opsional).
+     * [EN] : Handler when popover is closed (optional).
+     */
     onClose?: () => void;
+    /**
+     * [ID] : Nama kelas CSS saat tombol aktif/ditampilkan (opsional).
+     * [EN] : CSS class name when button is active/shown (optional).
+     */
     classNameButtonShow?: string;
 }
+/**
+ * [ID] : Interface untuk referensi ButtonPopover.
+ * [EN] : Interface for ButtonPopover reference.
+ */
 export interface IRefButtonPopover {
+    /**
+     * [ID] : Status visibilitas popover.
+     * [EN] : Popover visibility status.
+     */
     show: boolean;
+    /**
+     * [ID] : Fungsi untuk mengatur visibilitas popover.
+     * [EN] : Function to set popover visibility.
+     * @param e - [ID] : Status visibilitas baru. [EN] : New visibility status.
+     */
     setShow: (e: boolean) => void;
+    /**
+     * [ID] : Handler untuk menampilkan popover.
+     * [EN] : Handler to show popover.
+     * @param e - [ID] : Event mouse. [EN] : Mouse event.
+     */
     handlerShow: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * [ID] : Handler untuk menutup popover.
+     * [EN] : Handler to close popover.
+     */
     handlerClose: () => void;
 }
+/**
+ * [ID] : Tipe fungsi untuk mendapatkan ikon tombol popover.
+ * [EN] : Function type to get popover button icon.
+ * @param isShow - [ID] : Status apakah popover ditampilkan. [EN] : Status if popover is shown.
+ * @param iconShow - [ID] : Ikon saat ditampilkan. [EN] : Icon when shown.
+ * @param iconClose - [ID] : Ikon saat ditutup. [EN] : Icon when closed.
+ * @returns [ID] : Ikon yang sesuai. [EN] : Corresponding icon.
+ */
 export type TGetIconButtonPopover = (isShow: boolean, iconShow?: React.ReactNode | React.ReactNode[], iconClose?: IButton['startIcon'] | IButton['endIcon']) => IButton['startIcon'] | IButton['endIcon'];

package/dist/src/interfaces/components/Calendar/index.d.ts

@@ -2,89 +2,470 @@ import { CalendarDate } from '@internationalized/date';
 import { ReactNode } from 'react';
 import { AriaButtonOptions, DateValue, RangeCalendarProps } from 'react-aria';
 import { CalendarState, CalendarStateOptions, DateRangePickerStateOptions, RangeCalendarState } from 'react-stately';
+/**
+ * [ID] : Tipe kalender (tanggal, bulan, tahun).
+ * [EN] : Calendar type (date, month, year).
+ */
 export type TCalendarType = 'date' | 'month' | 'year';
+/**
+ * [ID] : Tipe data tanggal.
+ * [EN] : Date data type.
+ */
 export type TDateType = Date | string | null | undefined;
-export type TKeyLocale = 'id' | 'enUS' | 'nl';
+/**
+ * [ID] : Kunci lokal yang didukung.
+ * [EN] : Supported locale keys.
+ */
+export type TKeyLocale = 'id-ID' | 'en-US' | 'nl-NL' | 'zh-CN';
+/**
+ * [ID] : Interface untuk ikon navigasi kalender.
+ * [EN] : Interface for calendar navigation icons.
+ */
 export interface ICalendarPrevNextIcon {
+    /**
+     * [ID] : Ikon sebelumnya (opsional).
+     * [EN] : Previous icon (optional).
+     */
     prevIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Ikon selanjutnya (opsional).
+     * [EN] : Next icon (optional).
+     */
     nextIcon?: ReactNode | ReactNode[] | (() => ReactNode) | (() => ReactNode[]);
 }
+/**
+ * [ID] : Interface untuk tombol konfirmasi kalender.
+ * [EN] : Interface for calendar confirmation buttons.
+ */
 export interface ICalendarButtonConfirm {
+    /**
+     * [ID] : Tombol reset (opsional).
+     * [EN] : Reset button (optional).
+     */
     buttonReset?: (() => ReactNode) | (() => ReactNode[]);
+    /**
+     * [ID] : Tombol submit (opsional).
+     * [EN] : Submit button (optional).
+     */
     buttonSubmit?: (() => ReactNode) | (() => ReactNode[]);
 }
+/**
+ * [ID] : Interface untuk waktu kalender.
+ * [EN] : Interface for calendar time.
+ */
 export interface ITimeCalendar {
+    /**
+     * [ID] : Jam (opsional).
+     * [EN] : Hour (optional).
+     */
     hour?: number;
+    /**
+     * [ID] : Menit (opsional).
+     * [EN] : Minute (optional).
+     */
     minut?: number;
+    /**
+     * [ID] : Detik (opsional).
+     * [EN] : Second (optional).
+     */
     second?: number;
 }
+/**
+ * [ID] : Interface untuk rentang waktu kalender.
+ * [EN] : Interface for calendar time range.
+ */
+export interface ITimeCalendarRange {
+    /**
+     * [ID] : Waktu mulai (opsional).
+     * [EN] : Start time (optional).
+     */
+    start?: ITimeCalendar;
+    /**
+     * [ID] : Waktu selesai (opsional).
+     * [EN] : End time (optional).
+     */
+    end?: ITimeCalendar;
+}
+/**
+ * [ID] : Interface utama untuk komponen Kalender.
+ * [EN] : Main interface for Calendar component.
+ */
 export interface ICalendar extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    /**
+     * [ID] : Menampilkan tombol konfirmasi (opsional).
+     * [EN] : Show confirm buttons (optional).
+     */
     withConfirm?: boolean;
+    /**
+     * [ID] : Menggunakan waktu kustom (opsional).
+     * [EN] : Use custom time (optional).
+     */
     isCustomTime?: boolean;
+    /**
+     * [ID] : Tanggal minimum (opsional).
+     * [EN] : Minimum date (optional).
+     */
     minDate?: TDateType;
+    /**
+     * [ID] : Tanggal maksimum (opsional).
+     * [EN] : Maximum date (optional).
+     */
     maxDate?: TDateType;
-    time?: ITimeCalendar;
+    /**
+     * [ID] : Rentang waktu (opsional).
+     * [EN] : Time range (optional).
+     */
+    time?: ITimeCalendarRange;
+    /**
+     * [ID] : Tipe kalender yang aktif (opsional).
+     * [EN] : Active calendar type (optional).
+     */
     activeType?: TCalendarType;
+    /**
+     * [ID] : Menampilkan pilihan tanggal (opsional).
+     * [EN] : Show date selection (optional).
+     */
     withDateSelect?: boolean;
+    /**
+     * [ID] : Tipe-tipe kalender yang tersedia.
+     * [EN] : Available calendar types.
+     */
     type: TCalendarType[];
+    /**
+     * [ID] : Tipe waktu (SINGLE atau RANGE) (opsional).
+     * [EN] : Time type (SINGLE or RANGE) (optional).
+     */
+    typeTime?: 'SINGLE' | 'RANGE';
+    /**
+     * [ID] : Menyembunyikan header (opsional).
+     * [EN] : Hide header (optional).
+     */
     hiddenHeader?: boolean;
-    handlerChangeTime?: (v: ITimeCalendar) => void;
+    /**
+     * [ID] : Handler perubahan waktu (opsional).
+     * [EN] : Time change handler (optional).
+     * @param v - [ID] : Rentang waktu baru. [EN] : New time range.
+     */
+    handlerChangeTime?: (v: ITimeCalendarRange) => void;
+    /**
+     * [ID] : Handler reset kalender.
+     * [EN] : Calendar reset handler.
+     * @param v - [ID] : State kalender. [EN] : Calendar state.
+     */
     handlerReset: (v: CalendarState) => void;
+    /**
+     * [ID] : Handler submit kalender.
+     * [EN] : Calendar submit handler.
+     */
     handlerSubmit: () => void;
 }
+/**
+ * [ID] : Interface untuk pilihan tanggal kalender.
+ * [EN] : Interface for calendar date selection.
+ */
 export interface ICalendarDateSelect extends CalendarStateOptions<DateValue>, ICalendarPrevNextIcon {
+    /**
+     * [ID] : State kalender.
+     * [EN] : Calendar state.
+     */
     state: CalendarState;
+    /**
+     * [ID] : Menyembunyikan header (opsional).
+     * [EN] : Hide header (optional).
+     */
     hiddenHeader?: boolean;
+    /**
+     * [ID] : Fungsi untuk mengatur tipe kalender aktif.
+     * [EN] : Function to set active calendar type.
+     * @param v - [ID] : Tipe kalender. [EN] : Calendar type.
+     */
     setActiveTypeCalendar: (v: TCalendarType) => void;
 }
+/**
+ * [ID] : Interface untuk waktu kustom kalender.
+ * [EN] : Interface for custom calendar time.
+ */
 export interface ICustomTimeCalendar {
+    /**
+     * [ID] : Waktu (opsional).
+     * [EN] : Time (optional).
+     */
     time?: ITimeCalendar;
+    /**
+     * [ID] : Nilai tanggal (opsional).
+     * [EN] : Date value (optional).
+     */
     value?: DateValue | null | undefined;
+    /**
+     * [ID] : Tanggal minimum (opsional).
+     * [EN] : Minimum date (optional).
+     */
     minDate?: TDateType;
+    /**
+     * [ID] : Tanggal maksimum (opsional).
+     * [EN] : Maximum date (optional).
+     */
     maxDate?: TDateType;
+    /**
+     * [ID] : Label waktu (opsional).
+     * [EN] : Time label (optional).
+     */
+    timeLabel?: string;
+    /**
+     * [ID] : Menyembunyikan header (opsional).
+     * [EN] : Hide header (optional).
+     */
     hiddenHeader?: boolean;
+    /**
+     * [ID] : Tipe waktu (mulai atau selesai).
+     * [EN] : Time type (start or end).
+     */
+    type: 'start' | 'end';
+    /**
+     * [ID] : Handler perubahan waktu (opsional).
+     * [EN] : Time change handler (optional).
+     * @param v - [ID] : Waktu baru. [EN] : New time.
+     */
     handlerChangeTime?: (v: ITimeCalendar) => void;
 }
+/**
+ * [ID] : Interface untuk tombol kalender.
+ * [EN] : Interface for calendar button.
+ */
 export interface ICalendarButton extends AriaButtonOptions<'button'> {
+    /**
+     * [ID] : Konten anak tombol.
+     * [EN] : Button child content.
+     */
     children: ReactNode | ReactNode[];
 }
+/**
+ * [ID] : Interface untuk sel kalender.
+ * [EN] : Interface for calendar cell.
+ */
 export interface ICalendarCell {
+    /**
+     * [ID] : State kalender.
+     * [EN] : Calendar state.
+     */
     state: RangeCalendarState | CalendarState;
+    /**
+     * [ID] : Tanggal sel.
+     * [EN] : Cell date.
+     */
     date: CalendarDate;
 }
+/**
+ * [ID] : Interface untuk tampilan bulan kalender.
+ * [EN] : Interface for calendar month view.
+ */
 export interface ICalendarMonth extends ICalendarPrevNextIcon {
+    /**
+     * [ID] : State kalender.
+     * [EN] : Calendar state.
+     */
     state: CalendarState | RangeCalendarState;
+    /**
+     * [ID] : Tipe-tipe kalender yang tersedia.
+     * [EN] : Available calendar types.
+     */
     type: TCalendarType[];
+    /**
+     * [ID] : Fungsi untuk mengatur tipe kalender aktif.
+     * [EN] : Function to set active calendar type.
+     * @param v - [ID] : Tipe kalender. [EN] : Calendar type.
+     */
     setActiveTypeCalendar: (v: TCalendarType) => void;
+    /**
+     * [ID] : Menampilkan pilihan tanggal (opsional).
+     * [EN] : Show date selection (optional).
+     */
     withDateSelect?: boolean;
+    /**
+     * [ID] : Handler perubahan bulan (opsional).
+     * [EN] : Month change handler (optional).
+     * @param v - [ID] : Tanggal baru. [EN] : New date.
+     */
     onChangeMonth?: (v: CalendarDate) => void;
+    /**
+     * [ID] : Menyembunyikan header (opsional).
+     * [EN] : Hide header (optional).
+     */
     hiddenHeader?: boolean;
 }
+/**
+ * [ID] : Interface untuk pengaturan tahun.
+ * [EN] : Interface for year setup.
+ */
 export interface ISetUpYear {
+    /**
+     * [ID] : Tahun mulai.
+     * [EN] : Start year.
+     */
     startYear: number;
+    /**
+     * [ID] : Akhir setelah tahun ini.
+     * [EN] : End after this year.
+     */
     endAfterThisYear: number;
 }
+/**
+ * [ID] : Interface untuk tampilan tahun kalender.
+ * [EN] : Interface for calendar year view.
+ */
 export interface ICalendarYear {
+    /**
+     * [ID] : Judul tampilan tahun.
+     * [EN] : Year view title.
+     */
     title: string;
+    /**
+     * [ID] : State kalender.
+     * [EN] : Calendar state.
+     */
     state: CalendarState | RangeCalendarState;
+    /**
+     * [ID] : Pengaturan tahun (opsional).
+     * [EN] : Year setup (optional).
+     */
     setUpYear?: ISetUpYear;
+    /**
+     * [ID] : Tipe-tipe kalender yang tersedia.
+     * [EN] : Available calendar types.
+     */
     type: TCalendarType[];
+    /**
+     * [ID] : Fungsi untuk mengatur tipe kalender aktif.
+     * [EN] : Function to set active calendar type.
+     * @param v - [ID] : Tipe kalender. [EN] : Calendar type.
+     */
     setActiveTypeCalendar: (v: TCalendarType) => void;
+    /**
+     * [ID] : Handler perubahan tahun (opsional).
+     * [EN] : Year change handler (optional).
+     * @param v - [ID] : Tanggal baru. [EN] : New date.
+     */
     onChangeYear?: (v: CalendarDate) => void;
+    /**
+     * [ID] : Menyembunyikan header (opsional).
+     * [EN] : Hide header (optional).
+     */
     hiddenHeader?: boolean;
 }
+/**
+ * [ID] : Interface untuk rentang tanggal.
+ * [EN] : Interface for date range.
+ */
 export interface IDateRange {
+    /**
+     * [ID] : Tanggal mulai.
+     * [EN] : Start date.
+     */
     startDate: TDateType;
+    /**
+     * [ID] : Tanggal selesai.
+     * [EN] : End date.
+     */
     endDate: TDateType;
+    /**
+     * [ID] : Label rentang (opsional).
+     * [EN] : Range label (optional).
+     */
     label?: string;
 }
+/**
+ * [ID] : Interface untuk kalender rentang tanggal.
+ * [EN] : Interface for date range calendar.
+ */
 export interface ICalendarDateRange extends RangeCalendarProps<DateValue>, ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    /**
+     * [ID] : Menampilkan tombol konfirmasi (opsional).
+     * [EN] : Show confirm buttons (optional).
+     */
     withConfirm?: boolean;
+    /**
+     * [ID] : Menggunakan waktu kustom (opsional).
+     * [EN] : Use custom time (optional).
+     */
+    isCustomTime?: boolean;
+    /**
+     * [ID] : Tanggal minimum (opsional).
+     * [EN] : Minimum date (optional).
+     */
+    minDate?: TDateType;
+    /**
+     * [ID] : Tanggal maksimum (opsional).
+     * [EN] : Maximum date (optional).
+     */
+    maxDate?: TDateType;
+    /**
+     * [ID] : Rentang waktu (opsional).
+     * [EN] : Time range (optional).
+     */
+    time?: ITimeCalendarRange;
+    /**
+     * [ID] : Handler perubahan rentang waktu (opsional).
+     * [EN] : Time range change handler (optional).
+     * @param v - [ID] : Rentang waktu baru. [EN] : New time range.
+     */
+    handlerChangeTimeRange?: (v: ITimeCalendarRange) => void;
+    /**
+     * [ID] : Handler submit.
+     * [EN] : Submit handler.
+     */
     handlerSubmit: () => void;
+    /**
+     * [ID] : Handler reset.
+     * [EN] : Reset handler.
+     * @param v - [ID] : State kalender rentang. [EN] : Range calendar state.
+     */
     handlerReset: (v: RangeCalendarState) => void;
 }
+/**
+ * [ID] : Interface untuk kalender rentang.
+ * [EN] : Interface for range calendar.
+ */
 export interface ICalendarRange extends DateRangePickerStateOptions, ICalendarPrevNextIcon, ICalendarButtonConfirm {
+    /**
+     * [ID] : Menampilkan tombol konfirmasi (opsional).
+     * [EN] : Show confirm buttons (optional).
+     */
     withConfirm?: boolean;
+    /**
+     * [ID] : Menggunakan waktu kustom (opsional).
+     * [EN] : Use custom time (optional).
+     */
+    isCustomTime?: boolean;
+    /**
+     * [ID] : Tanggal minimum (opsional).
+     * [EN] : Minimum date (optional).
+     */
+    minDate?: TDateType;
+    /**
+     * [ID] : Tanggal maksimum (opsional).
+     * [EN] : Maximum date (optional).
+     */
+    maxDate?: TDateType;
+    /**
+     * [ID] : Rentang waktu (opsional).
+     * [EN] : Time range (optional).
+     */
+    time?: ITimeCalendarRange;
+    /**
+     * [ID] : Handler perubahan rentang waktu (opsional).
+     * [EN] : Time range change handler (optional).
+     * @param v - [ID] : Rentang waktu baru. [EN] : New time range.
+     */
+    handlerChangeTimeRange?: (v: ITimeCalendarRange) => void;
+    /**
+     * [ID] : Handler submit.
+     * [EN] : Submit handler.
+     */
     handlerSubmit: () => void;
+    /**
+     * [ID] : Handler reset.
+     * [EN] : Reset handler.
+     * @param v - [ID] : State kalender rentang. [EN] : Range calendar state.
+     */
     handlerReset: (v: RangeCalendarState) => void;
 }