@herca/rn-kit 0.1.63 → 0.1.65

package/lib/typescript/src/Input/InputDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDate.d.ts","sourceRoot":"","sources":["../../../../src/Input/InputDate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAGV,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACpB,MAAM,eAAe,CAAC;AAMvB,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAC/D,KAAK,8BAA8B,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAExE,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,8BAA8B,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB;AAED,KAAK,eAAe,GAAG,SAAS,GAAG;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B,CAAC;AAEF,KAAK,cAAc,GAAG,SAAS,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG,cAAc,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,WAA8B,EAC9B,kBAAqC,EACrC,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,IAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,2CAwIP"}

package/lib/typescript/src/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAML,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsFzC,CAAC;AA8DF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAML,KAAK,cAAc,EAGnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4FzC,CAAC;AA0CF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/Ui/ViewInsets.d.ts

@@ -0,0 +1,13 @@
+import { type ViewProps } from 'react-native';
+import React from 'react';
+interface ViewInsetsProps extends ViewProps {
+    children: React.ReactNode;
+    useTop?: boolean;
+    useBottom?: boolean;
+    useLeft?: boolean;
+    useRight?: boolean;
+    bottomType?: 'inset' | 'tabbar';
+}
+declare const ViewInsets: React.FC<ViewInsetsProps>;
+export default ViewInsets;
+//# sourceMappingURL=ViewInsets.d.ts.map

package/lib/typescript/src/Ui/ViewInsets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewInsets.d.ts","sourceRoot":"","sources":["../../../../src/Ui/ViewInsets.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,UAAU,eAAgB,SAAQ,SAAS;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/function/dateFormatter.d.ts

@@ -0,0 +1,14 @@
+import type { DateProps } from '../Calendar/CalendarPropsType';
+interface DateFormatterProps {
+    date: Date | DateProps;
+    options?: {
+        useTime?: boolean;
+        useWeekDay?: boolean;
+        monthFormat?: Intl.DateTimeFormatOptions['month'];
+        language?: 'en' | 'id';
+        format?: 'default' | 'iso' | 'localized';
+    };
+}
+export declare const dateFormatter: ({ date, options }: DateFormatterProps) => string;
+export {};
+//# sourceMappingURL=dateFormatter.d.ts.map

package/lib/typescript/src/function/dateFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFormatter.d.ts","sourceRoot":"","sources":["../../../../src/function/dateFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE/D,UAAU,kBAAkB;IAC1B,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,WAAW,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAClD,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;QACvB,MAAM,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,WAAW,CAAC;KAC1C,CAAC;CACH;AAED,eAAO,MAAM,aAAa,GAAI,mBAAmB,kBAAkB,WAwClE,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -50,7 +50,7 @@ export { default as Provider } from './Provider/Provider';
 export { default as useFooter } from './Provider/Provider';
 export { default as Drawing } from './Drawing/Drawing';
 export { default as Calendar } from './Calendar/Calendar';
-export type { DateRangeProps } from './Calendar/CalendarPropsType';
+export type { DateRangeProps, DateProps, CalendarModeType, } from './Calendar/CalendarPropsType';
 export { default as DatePicker } from './DatePicker/DatePicker';
 export { default as YearPicker } from './DatePicker/YearPicker';
 export { default as MonthPicker } from './DatePicker/MonthPicker';
@@ -70,4 +70,7 @@ export { default as BadgeIcon } from './BadgeIcon/BadgeIcon';
 export { default as PdfView } from './FileView/PdfView';
 export { default as InputSelect } from './Input/InputSelect';
 export type { ChipValue } from './Chip/type';
+export { default as InputDate } from './Input/InputDate';
+export { dateFormatter } from './function/dateFormatter';
+export { default as ViewInsets } from './Ui/ViewInsets';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@herca/rn-kit",
-  "version": "0.1.63",
+  "version": "0.1.65",
   "description": "React Native UI Kit",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/Calendar/CalendarPropsType.tsx

@@ -17,6 +17,12 @@ export type DateRangeProps = {
   date?: DateProps;
 };
 
+export type FormattedDateRangeProps = {
+  startDate?: string;
+  endDate?: string;
+  date?: string;
+};
+
 export type CalendarDisabledProp = {
   backgroundColor?: string | undefined;
   textColor?: string | undefined;

package/src/DatePicker/DatePicker.tsx

@@ -44,9 +44,9 @@ export default function DatePicker({
     date: null,
   });
 
-  const handleOnChangeCalendar = useCallback((value: DateRangeProps) => {
+  const handleOnChangeCalendar = useCallback((val: DateRangeProps) => {
     setMarkDates({});
-    setValueDatepicker(value);
+    setValueDatepicker(val);
     setErrorValidate(false);
   }, []);
 

package/src/Input/InputDate.tsx

@@ -0,0 +1,216 @@
+import {
+  Color,
+  DatePicker,
+  Icon,
+  Typography,
+  type CalendarModeType,
+  type DateRangeProps,
+} from '@herca/rn-kit';
+import { useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import type { FormattedDateRangeProps } from '../Calendar/CalendarPropsType';
+import { dateFormatter } from '../function/dateFormatter';
+
+type DatePickerProps = React.ComponentProps<typeof DatePicker>;
+type DatePickerPropsWithoutOnChange = Omit<DatePickerProps, 'onChange'>;
+
+interface BaseProps {
+  label: string;
+  placeholder: string;
+  datePickerProps?: DatePickerPropsWithoutOnChange;
+  value?: string;
+  valueDateEnd?: string;
+  onSelectClick?: () => void;
+  onDatePickerClose?: () => void;
+  onDateChange?: (value: DateRangeProps) => void;
+  mode?: CalendarModeType;
+  language?: 'en' | 'id';
+}
+
+type SingleModeProps = BaseProps & {
+  mode?: 'single';
+  placeholderDateEnd?: never;
+};
+
+type RangeModeProps = BaseProps & {
+  mode: 'range';
+  placeholderDateEnd: string;
+};
+
+export type Props = SingleModeProps | RangeModeProps;
+
+export default function InputDate({
+  label,
+  placeholder = 'Select here...',
+  placeholderDateEnd = 'Select here...',
+  datePickerProps,
+  value,
+  valueDateEnd,
+  onSelectClick,
+  onDatePickerClose,
+  onDateChange,
+  mode = 'single',
+  language,
+  ...props
+}: Props) {
+  const [isDatePickerOpen, setSelectOpen] = useState<boolean>(false);
+  const [dateValue, setDateValue] = useState<FormattedDateRangeProps>();
+  const [raw, setRaw] = useState<DateRangeProps>();
+
+  const handleOpenSelect = () => {
+    setSelectOpen(true);
+    onSelectClick?.();
+  };
+
+  const handleCloseDatePicker = () => {
+    setSelectOpen(false);
+    onDatePickerClose?.();
+  };
+
+  const handleDateChange = (val: any) => {
+    onDateChange?.({
+      date: val.date ?? null,
+      startDate: val.startDate ?? null,
+      endDate: val.endDate ?? null,
+    });
+
+    const formattedValue = dateFormatter({
+      date: val.date,
+      options: {
+        language,
+        format: language ? 'localized' : 'default',
+      },
+    });
+
+    const formattedStartDate = dateFormatter({
+      date: val.startDate,
+      options: {
+        language,
+        format: language ? 'localized' : 'default',
+      },
+    });
+
+    const formattedEndDate = dateFormatter({
+      date: val.endDate,
+      options: {
+        language,
+        format: language ? 'localized' : 'default',
+      },
+    });
+
+    setDateValue({
+      date: formattedValue,
+      startDate: formattedStartDate,
+      endDate: formattedEndDate,
+    });
+
+    setRaw(val);
+  };
+
+  const startDate = () => {
+    if (!value) {
+      if (mode === 'single') {
+        return dateValue?.date;
+      } else if (mode === 'range') {
+        return dateValue?.startDate;
+      }
+    }
+
+    return value;
+  };
+
+  const endDate = () => {
+    if (mode === 'single') return null;
+
+    if (!valueDateEnd) {
+      return dateValue?.endDate;
+    }
+
+    return valueDateEnd;
+  };
+
+  const rawValue = () => {
+    if (mode === 'single') {
+      return {
+        date: datePickerProps?.value?.date ?? raw?.date,
+      };
+    } else {
+      return {
+        startDate: datePickerProps?.value?.startDate ?? raw?.startDate,
+        endDate: datePickerProps?.value?.endDate ?? raw?.endDate,
+      };
+    }
+  };
+
+  return (
+    <View style={styles.gap4}>
+      <Typography variant="t2" weight="semibold" color={Color.gray[900]}>
+        {label}
+      </Typography>
+
+      <View style={styles.wrapper}>
+        {/* sart date */}
+        <Pressable
+          style={[styles.pickerTrigger, value !== '' && styles.hasValue]}
+          onPress={handleOpenSelect}
+          {...props}
+        >
+          <Typography variant="t2" color={Color.gray[900]} weight="medium">
+            {startDate() ?? placeholder}
+          </Typography>
+          <Icon name="ArrowDown" size={14} color={Color.gray[700]} />
+        </Pressable>
+
+        {/* end date */}
+        {mode === 'range' && (
+          <Pressable
+            style={[styles.pickerTrigger, value !== '' && styles.hasValue]}
+            onPress={handleOpenSelect}
+            {...props}
+          >
+            <Typography variant="t2" color={Color.gray[900]} weight="medium">
+              {endDate() ?? placeholderDateEnd}
+            </Typography>
+            <Icon name="ArrowDown" size={14} color={Color.gray[700]} />
+          </Pressable>
+        )}
+      </View>
+
+      <DatePicker
+        {...datePickerProps}
+        mode={mode}
+        isOpen={isDatePickerOpen}
+        onClose={handleCloseDatePicker}
+        value={rawValue()}
+        onChange={(val: DateRangeProps) => {
+          handleDateChange(val);
+        }}
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  gap4: {
+    gap: 4,
+  },
+  pickerTrigger: {
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    borderRadius: 8,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: Color.gray[200],
+    flex: 1,
+  },
+  hasValue: {
+    borderColor: Color.primary[300],
+  },
+  wrapper: {
+    flexDirection: 'row',
+    gap: 8,
+    alignItems: 'center',
+  },
+});

package/src/Input/README_INPUT_DATE.md

@@ -0,0 +1,265 @@
+# InputDate Component
+
+Komponen React Native untuk input tanggal dengan dukungan mode single date dan date range. Terintegrasi dengan DatePicker dari `@herca/rn-kit` dan menyediakan UI yang user-friendly untuk pemilihan tanggal.
+
+## Penggunaan Dasar
+
+### Single Date Mode
+
+```jsx
+import InputDate from './InputDate';
+
+function MyForm() {
+  const [date, setDate] = useState('');
+
+  return (
+    <InputDate
+      label="Tanggal Lahir"
+      placeholder="Pilih tanggal"
+      value={date}
+      onDateChange={(val) => setDate(val.date)}
+    />
+  );
+}
+```
+
+### Date Range Mode
+
+```jsx
+import InputDate from './InputDate';
+
+function MyForm() {
+  const [startDate, setStartDate] = useState('');
+  const [endDate, setEndDate] = useState('');
+
+  return (
+    <InputDate
+      mode="range"
+      label="Periode"
+      placeholder="Tanggal mulai"
+      placeholderDateEnd="Tanggal selesai"
+      value={startDate}
+      valueDateEnd={endDate}
+      onDateChange={(val) => {
+        setStartDate(val.startDate);
+        setEndDate(val.endDate);
+      }}
+    />
+  );
+}
+```
+
+## Props
+
+### Base Props
+
+| Prop                | Type                              | Default            | Deskripsi                                          |
+| ------------------- | --------------------------------- | ------------------ | -------------------------------------------------- |
+| `label`             | `string`                          | **Required**       | Label yang ditampilkan di atas input               |
+| `placeholder`       | `string`                          | `"Select here..."` | Placeholder untuk tanggal pertama/single           |
+| `value`             | `string`                          | `undefined`        | Nilai tanggal terpilih (formatted)                 |
+| `valueDateEnd`      | `string`                          | `undefined`        | Nilai tanggal akhir untuk mode range (formatted)   |
+| `datePickerProps`   | `DatePickerPropsWithoutOnChange`  | `undefined`        | Props tambahan untuk DatePicker (kecuali onChange) |
+| `onSelectClick`     | `() => void`                      | `undefined`        | Callback ketika input diklik                       |
+| `onDatePickerClose` | `() => void`                      | `undefined`        | Callback ketika DatePicker ditutup                 |
+| `onDateChange`      | `(value: DateRangeProps) => void` | `undefined`        | Callback ketika tanggal berubah                    |
+| `mode`              | `'single' \| 'range'`             | `'single'`         | Mode pemilihan tanggal                             |
+| `language`          | `'en' \| 'id'`                    | `undefined`        | Bahasa untuk format tanggal                        |
+
+### Single Mode Specific Props
+
+Ketika `mode` tidak diset atau `mode="single"`:
+
+| Prop                 | Type    | Deskripsi                     |
+| -------------------- | ------- | ----------------------------- |
+| `placeholderDateEnd` | `never` | Tidak tersedia di single mode |
+
+### Range Mode Specific Props
+
+Ketika `mode="range"`:
+
+| Prop                 | Type     | Deskripsi                                      |
+| -------------------- | -------- | ---------------------------------------------- |
+| `placeholderDateEnd` | `string` | **Required** - Placeholder untuk tanggal akhir |
+
+## Return Value dari onDateChange
+
+Callback `onDateChange` menerima objek dengan struktur:
+
+```typescript
+{
+  date: string | null; // Untuk single mode
+  startDate: string | null; // Untuk range mode (tanggal mulai)
+  endDate: string | null; // Untuk range mode (tanggal selesai)
+}
+```
+
+## Contoh Penggunaan
+
+### Single Date dengan Language
+
+```jsx
+<InputDate
+  label="Select Date"
+  placeholder="Choose a date"
+  mode="single"
+  language="id"
+  onDateChange={(val) => console.log(val.date)}
+/>
+```
+
+### Date Range dengan Controlled Values
+
+```jsx
+function BookingForm() {
+  const [dateRange, setDateRange] = useState({
+    start: '',
+    end: '',
+  });
+
+  return (
+    <InputDate
+      mode="range"
+      label="Periode Booking"
+      placeholder="Check-in"
+      placeholderDateEnd="Check-out"
+      value={dateRange.start}
+      valueDateEnd={dateRange.end}
+      onDateChange={(val) => {
+        setDateRange({
+          start: val.startDate || '',
+          end: val.endDate || '',
+        });
+      }}
+    />
+  );
+}
+```
+
+### Dengan Custom DatePicker Props
+
+```jsx
+<InputDate
+  label="Tanggal Lahir"
+  placeholder="Pilih tanggal"
+  datePickerProps={{
+    minDate: new Date('1900-01-01'),
+    maxDate: new Date(),
+    value: { date: new Date() },
+  }}
+  onDateChange={(val) => console.log(val)}
+/>
+```
+
+### Dengan Event Callbacks
+
+```jsx
+<InputDate
+  label="Appointment Date"
+  placeholder="Select date"
+  onSelectClick={() => console.log('Picker opened')}
+  onDatePickerClose={() => console.log('Picker closed')}
+  onDateChange={(val) => {
+    console.log('Date changed:', val);
+  }}
+/>
+```
+
+### English Language Format
+
+```jsx
+<InputDate
+  label="Birth Date"
+  placeholder="Select date"
+  language="en"
+  onDateChange={(val) => console.log(val.date)}
+/>
+```
+
+### Indonesian Language Format
+
+```jsx
+<InputDate
+  label="Tanggal Lahir"
+  placeholder="Pilih tanggal"
+  language="id"
+  onDateChange={(val) => console.log(val.date)}
+/>
+```
+
+## Fitur
+
+- ✅ Dua mode: Single date dan Date range
+- ✅ Support multi-bahasa (English & Indonesian)
+- ✅ Controlled component dengan value props
+- ✅ Auto-formatting tanggal berdasarkan bahasa
+- ✅ Visual feedback untuk nilai yang sudah dipilih
+- ✅ Terintegrasi dengan DatePicker dari @herca/rn-kit
+- ✅ TypeScript support dengan discriminated unions untuk type safety
+- ✅ Customizable melalui datePickerProps
+- ✅ Event callbacks untuk lifecycle DatePicker
+
+## Styling
+
+Komponen menggunakan styling internal dengan karakteristik:
+
+- Border color berubah ke `primary[300]` ketika ada nilai terpilih
+- Layout responsive dengan flexbox
+- Gap 8px antara input start date dan end date (mode range)
+- Border radius 8px dengan padding yang konsisten
+- Typography menggunakan variant `t2` dari @herca/rn-kit
+
+## State Management Internal
+
+Komponen mengelola beberapa state internal:
+
+- `isDatePickerOpen`: Status buka/tutup DatePicker
+- `dateValue`: Nilai tanggal yang sudah diformat
+- `raw`: Nilai tanggal raw dari DatePicker
+
+State internal ini memungkinkan komponen bekerja baik sebagai controlled maupun uncontrolled component.
+
+## TypeScript
+
+Komponen menggunakan discriminated unions untuk type safety antara single dan range mode:
+
+```typescript
+type SingleModeProps = BaseProps & {
+  mode?: 'single';
+  placeholderDateEnd?: never;
+};
+
+type RangeModeProps = BaseProps & {
+  mode: 'range';
+  placeholderDateEnd: string;
+};
+
+export type Props = SingleModeProps | RangeModeProps;
+```
+
+Ini memastikan `placeholderDateEnd` hanya required ketika `mode="range"`.
+
+## Dependencies
+
+- `@herca/rn-kit` - Untuk komponen DatePicker, Icon, Typography, dan Color
+- `react-native` - Core components (View, Pressable, StyleSheet)
+
+## Best Practices
+
+1. **Selalu provide label yang jelas** untuk accessibility
+2. **Gunakan language prop** untuk konsistensi format tanggal di aplikasi
+3. **Handle onDateChange** untuk update state parent component
+4. **Gunakan controlled values** untuk form validation
+5. **Provide meaningful placeholders** yang menjelaskan expected input
+
+## Catatan
+
+- Props tambahan akan diteruskan ke Pressable trigger
+- Nilai yang dikembalikan via `onDateChange` selalu dalam format yang sudah diproses menggunakan `dateFormatter`
+- Raw value dari DatePicker tetap tersimpan untuk keperluan internal
+- Komponen dapat bekerja sebagai controlled maupun uncontrolled component
+- Border color otomatis berubah ketika ada nilai terpilih untuk visual feedback
+
+## License
+
+MIT