@dreamstack-us/kaal 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/lib/module/components/CalendarGrid/CalendarGrid.js +47 -13
  2. package/lib/module/components/CalendarGrid/CalendarGrid.js.map +1 -1
  3. package/lib/module/components/CalendarGrid/CalendarGrid.styles.js +22 -17
  4. package/lib/module/components/CalendarGrid/CalendarGrid.styles.js.map +1 -1
  5. package/lib/module/components/CalendarGrid/CalendarGrid.web.js +203 -0
  6. package/lib/module/components/CalendarGrid/CalendarGrid.web.js.map +1 -0
  7. package/lib/module/components/CalendarGrid/DayCell.js +64 -52
  8. package/lib/module/components/CalendarGrid/DayCell.js.map +1 -1
  9. package/lib/module/components/CalendarGrid/DayCell.web.js +112 -0
  10. package/lib/module/components/CalendarGrid/DayCell.web.js.map +1 -0
  11. package/lib/module/components/CalendarGrid/index.js +1 -1
  12. package/lib/module/components/CalendarGrid/index.js.map +1 -1
  13. package/lib/module/components/DatePicker/DatePicker.android.js +17 -8
  14. package/lib/module/components/DatePicker/DatePicker.android.js.map +1 -1
  15. package/lib/module/components/DatePicker/DatePicker.ios.js +17 -8
  16. package/lib/module/components/DatePicker/DatePicker.ios.js.map +1 -1
  17. package/lib/module/components/DatePicker/DatePicker.js.map +1 -1
  18. package/lib/module/components/DatePicker/DatePicker.styles.js +19 -20
  19. package/lib/module/components/DatePicker/DatePicker.styles.js.map +1 -1
  20. package/lib/module/components/DatePicker/DatePicker.web.js +26 -12
  21. package/lib/module/components/DatePicker/DatePicker.web.js.map +1 -1
  22. package/lib/module/components/TimePicker/ClockFace.js +27 -7
  23. package/lib/module/components/TimePicker/ClockFace.js.map +1 -1
  24. package/lib/module/components/TimePicker/ClockFace.web.js +253 -0
  25. package/lib/module/components/TimePicker/ClockFace.web.js.map +1 -0
  26. package/lib/module/components/TimePicker/MaterialTimePicker.js +68 -16
  27. package/lib/module/components/TimePicker/MaterialTimePicker.js.map +1 -1
  28. package/lib/module/components/TimePicker/MaterialTimePicker.web.js +231 -0
  29. package/lib/module/components/TimePicker/MaterialTimePicker.web.js.map +1 -0
  30. package/lib/module/components/TimePicker/TimePicker.android.js +13 -6
  31. package/lib/module/components/TimePicker/TimePicker.android.js.map +1 -1
  32. package/lib/module/components/TimePicker/TimePicker.ios.js +14 -7
  33. package/lib/module/components/TimePicker/TimePicker.ios.js.map +1 -1
  34. package/lib/module/components/TimePicker/TimePicker.styles.js +53 -45
  35. package/lib/module/components/TimePicker/TimePicker.styles.js.map +1 -1
  36. package/lib/module/components/TimePicker/TimePicker.web.js +24 -12
  37. package/lib/module/components/TimePicker/TimePicker.web.js.map +1 -1
  38. package/lib/module/components/TimePicker/TimeWheelPicker.js +45 -10
  39. package/lib/module/components/TimePicker/TimeWheelPicker.js.map +1 -1
  40. package/lib/module/components/TimePicker/TimeWheelPicker.web.js +339 -0
  41. package/lib/module/components/TimePicker/TimeWheelPicker.web.js.map +1 -0
  42. package/lib/module/components/TimePicker/index.js +3 -3
  43. package/lib/module/components/TimePicker/index.js.map +1 -1
  44. package/lib/module/components/WheelPicker/WheelPicker.js +21 -2
  45. package/lib/module/components/WheelPicker/WheelPicker.js.map +1 -1
  46. package/lib/module/components/WheelPicker/WheelPicker.styles.js +13 -8
  47. package/lib/module/components/WheelPicker/WheelPicker.styles.js.map +1 -1
  48. package/lib/module/components/WheelPicker/WheelPicker.web.js +146 -57
  49. package/lib/module/components/WheelPicker/WheelPicker.web.js.map +1 -1
  50. package/lib/module/context/ThemeOverrideContext.js +34 -0
  51. package/lib/module/context/ThemeOverrideContext.js.map +1 -0
  52. package/lib/module/index.js +3 -0
  53. package/lib/module/index.js.map +1 -1
  54. package/lib/module/utils/validation.js +74 -34
  55. package/lib/module/utils/validation.js.map +1 -1
  56. package/lib/typescript/components/CalendarGrid/CalendarGrid.d.ts +9 -0
  57. package/lib/typescript/components/CalendarGrid/CalendarGrid.d.ts.map +1 -1
  58. package/lib/typescript/components/CalendarGrid/CalendarGrid.styles.d.ts +12 -10
  59. package/lib/typescript/components/CalendarGrid/CalendarGrid.styles.d.ts.map +1 -1
  60. package/lib/typescript/components/CalendarGrid/CalendarGrid.web.d.ts +21 -0
  61. package/lib/typescript/components/CalendarGrid/CalendarGrid.web.d.ts.map +1 -0
  62. package/lib/typescript/components/CalendarGrid/DayCell.d.ts.map +1 -1
  63. package/lib/typescript/components/CalendarGrid/DayCell.web.d.ts +12 -0
  64. package/lib/typescript/components/CalendarGrid/DayCell.web.d.ts.map +1 -0
  65. package/lib/typescript/components/DatePicker/DatePicker.android.d.ts.map +1 -1
  66. package/lib/typescript/components/DatePicker/DatePicker.d.ts +12 -1
  67. package/lib/typescript/components/DatePicker/DatePicker.d.ts.map +1 -1
  68. package/lib/typescript/components/DatePicker/DatePicker.ios.d.ts.map +1 -1
  69. package/lib/typescript/components/DatePicker/DatePicker.styles.d.ts +12 -13
  70. package/lib/typescript/components/DatePicker/DatePicker.styles.d.ts.map +1 -1
  71. package/lib/typescript/components/DatePicker/DatePicker.web.d.ts.map +1 -1
  72. package/lib/typescript/components/TimePicker/ClockFace.d.ts.map +1 -1
  73. package/lib/typescript/components/TimePicker/ClockFace.web.d.ts +12 -0
  74. package/lib/typescript/components/TimePicker/ClockFace.web.d.ts.map +1 -0
  75. package/lib/typescript/components/TimePicker/MaterialTimePicker.d.ts.map +1 -1
  76. package/lib/typescript/components/TimePicker/MaterialTimePicker.web.d.ts +12 -0
  77. package/lib/typescript/components/TimePicker/MaterialTimePicker.web.d.ts.map +1 -0
  78. package/lib/typescript/components/TimePicker/TimePicker.android.d.ts.map +1 -1
  79. package/lib/typescript/components/TimePicker/TimePicker.ios.d.ts.map +1 -1
  80. package/lib/typescript/components/TimePicker/TimePicker.styles.d.ts +29 -25
  81. package/lib/typescript/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  82. package/lib/typescript/components/TimePicker/TimePicker.web.d.ts.map +1 -1
  83. package/lib/typescript/components/TimePicker/TimeWheelPicker.d.ts.map +1 -1
  84. package/lib/typescript/components/TimePicker/TimeWheelPicker.web.d.ts +11 -0
  85. package/lib/typescript/components/TimePicker/TimeWheelPicker.web.d.ts.map +1 -0
  86. package/lib/typescript/components/WheelPicker/WheelPicker.d.ts +14 -1
  87. package/lib/typescript/components/WheelPicker/WheelPicker.d.ts.map +1 -1
  88. package/lib/typescript/components/WheelPicker/WheelPicker.styles.d.ts +9 -7
  89. package/lib/typescript/components/WheelPicker/WheelPicker.styles.d.ts.map +1 -1
  90. package/lib/typescript/components/WheelPicker/WheelPicker.web.d.ts.map +1 -1
  91. package/lib/typescript/context/ThemeOverrideContext.d.ts +23 -0
  92. package/lib/typescript/context/ThemeOverrideContext.d.ts.map +1 -0
  93. package/lib/typescript/index.d.ts +4 -2
  94. package/lib/typescript/index.d.ts.map +1 -1
  95. package/lib/typescript/types/datepicker.d.ts +41 -0
  96. package/lib/typescript/types/datepicker.d.ts.map +1 -1
  97. package/lib/typescript/types/timepicker.d.ts +62 -0
  98. package/lib/typescript/types/timepicker.d.ts.map +1 -1
  99. package/lib/typescript/utils/validation.d.ts +47 -27
  100. package/lib/typescript/utils/validation.d.ts.map +1 -1
  101. package/package.json +8 -8
  102. package/src/components/CalendarGrid/CalendarGrid.styles.ts +21 -17
  103. package/src/components/CalendarGrid/CalendarGrid.tsx +98 -12
  104. package/src/components/CalendarGrid/CalendarGrid.web.tsx +305 -0
  105. package/src/components/CalendarGrid/DayCell.tsx +78 -59
  106. package/src/components/CalendarGrid/DayCell.web.tsx +129 -0
  107. package/src/components/DatePicker/DatePicker.android.tsx +14 -8
  108. package/src/components/DatePicker/DatePicker.ios.tsx +14 -8
  109. package/src/components/DatePicker/DatePicker.styles.ts +18 -22
  110. package/src/components/DatePicker/DatePicker.tsx +12 -1
  111. package/src/components/DatePicker/DatePicker.web.tsx +21 -13
  112. package/src/components/TimePicker/ClockFace.tsx +34 -8
  113. package/src/components/TimePicker/ClockFace.web.tsx +303 -0
  114. package/src/components/TimePicker/MaterialTimePicker.tsx +144 -13
  115. package/src/components/TimePicker/MaterialTimePicker.web.tsx +271 -0
  116. package/src/components/TimePicker/TimePicker.android.tsx +9 -1
  117. package/src/components/TimePicker/TimePicker.ios.tsx +10 -6
  118. package/src/components/TimePicker/TimePicker.styles.ts +52 -45
  119. package/src/components/TimePicker/TimePicker.web.tsx +17 -7
  120. package/src/components/TimePicker/TimeWheelPicker.tsx +60 -6
  121. package/src/components/TimePicker/TimeWheelPicker.web.tsx +401 -0
  122. package/src/components/WheelPicker/WheelPicker.styles.ts +12 -8
  123. package/src/components/WheelPicker/WheelPicker.tsx +24 -2
  124. package/src/components/WheelPicker/WheelPicker.web.tsx +153 -57
  125. package/src/context/ThemeOverrideContext.tsx +38 -0
  126. package/src/index.ts +11 -0
  127. package/src/types/datepicker.ts +44 -0
  128. package/src/types/timepicker.ts +74 -0
  129. package/src/utils/validation.ts +111 -55
  130. package/lib/module/unistyles.js +0 -9
  131. package/lib/module/unistyles.js.map +0 -1
  132. package/lib/typescript/unistyles.d.ts +0 -3
  133. package/lib/typescript/unistyles.d.ts.map +0 -1
  134. package/src/unistyles.ts +0 -6
@@ -1,7 +1,11 @@
1
+ /**
2
+ * Default styles for CalendarGrid using plain React Native StyleSheet.
3
+ * Colors use dark theme defaults - consumers override via themeOverrides prop.
4
+ */
1
5
  export declare const styles: {
2
6
  container: {
3
- backgroundColor: "#FFFFFF" | "#121212";
4
- borderRadius: 16;
7
+ backgroundColor: string;
8
+ borderRadius: number;
5
9
  padding: number;
6
10
  };
7
11
  header: {
@@ -16,17 +20,17 @@ export declare const styles: {
16
20
  height: number;
17
21
  justifyContent: "center";
18
22
  alignItems: "center";
19
- borderRadius: 8;
23
+ borderRadius: number;
20
24
  };
21
25
  navText: {
22
26
  fontSize: number;
23
- color: "#1E88E5" | "#4DA6FF";
27
+ color: string;
24
28
  fontWeight: "600";
25
29
  };
26
30
  monthTitle: {
27
- fontSize: 18;
31
+ fontSize: number;
28
32
  fontWeight: "600";
29
- color: "#FFFFFF" | "#212121";
33
+ color: string;
30
34
  };
31
35
  weekDays: {
32
36
  flexDirection: "row";
@@ -35,11 +39,9 @@ export declare const styles: {
35
39
  weekDayText: {
36
40
  flex: number;
37
41
  textAlign: "center";
38
- fontSize: 12;
42
+ fontSize: number;
39
43
  fontWeight: "500";
40
- color: "#616161" | "#E0E0E0";
44
+ color: string;
41
45
  };
42
- } & {
43
- useVariants: (variants: never) => void;
44
46
  };
45
47
  //# sourceMappingURL=CalendarGrid.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarGrid.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/CalendarGrid.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyChB,CAAC"}
1
+ {"version":3,"file":"CalendarGrid.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/CalendarGrid.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCjB,CAAC"}
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ interface CalendarGridProps {
3
+ value: Date;
4
+ onChange: (date: Date) => void;
5
+ minDate?: Date;
6
+ maxDate?: Date;
7
+ disabledDates?: Date[];
8
+ themeMode: 'ios' | 'android' | 'custom';
9
+ /**
10
+ * First day of the week: 0 = Sunday, 1 = Monday
11
+ * @default 0 (Sunday)
12
+ *
13
+ * TODO: This is a temporary solution. In the future, we need to add full
14
+ * locale support to handle different calendar formats, layouts, and
15
+ * localized day/month names across different regions.
16
+ */
17
+ weekStartsOn?: 0 | 1;
18
+ }
19
+ export declare const CalendarGrid: React.FC<CalendarGridProps>;
20
+ export {};
21
+ //# sourceMappingURL=CalendarGrid.web.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CalendarGrid.web.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/CalendarGrid.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAe1D,UAAU,iBAAiB;IACzB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,SAAS,EAAE,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;CACtB;AA4HD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkJpD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DayCell.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/DayCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAqDD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwC1C,CAAC"}
1
+ {"version":3,"file":"DayCell.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/DayCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA4BD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoF1C,CAAC"}
@@ -0,0 +1,12 @@
1
+ import type React from 'react';
2
+ interface DayCellProps {
3
+ date: Date | null;
4
+ isSelected: boolean;
5
+ isToday: boolean;
6
+ isDisabled: boolean;
7
+ isWeekend: boolean;
8
+ onPress?: () => void;
9
+ }
10
+ export declare const DayCell: React.FC<DayCellProps>;
11
+ export {};
12
+ //# sourceMappingURL=DayCell.web.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DayCell.web.d.ts","sourceRoot":"","sources":["../../../../src/components/CalendarGrid/DayCell.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,YAAY;IACpB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA6BD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoF1C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.android.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AA6BxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmCpD,CAAC"}
1
+ {"version":3,"file":"DatePicker.android.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AA6BxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwCpD,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import type React from 'react';
2
- import type { DatePickerMode } from '../../types';
2
+ import type { DatePickerMode, DatePickerThemeOverrides } from '../../types';
3
3
  export interface KaalDatePickerProps {
4
4
  value: Date;
5
5
  onChange: (date: Date) => void;
@@ -10,6 +10,17 @@ export interface KaalDatePickerProps {
10
10
  maxDate?: Date;
11
11
  disabledDates?: Date[];
12
12
  locale?: string;
13
+ /**
14
+ * First day of the week: 0 = Sunday, 1 = Monday
15
+ * @default 0 (Sunday)
16
+ *
17
+ * TODO: This is a temporary solution. In the future, we need to add full
18
+ * locale support to handle different calendar formats, layouts, and
19
+ * localized day/month names across different regions.
20
+ */
21
+ weekStartsOn?: 0 | 1;
22
+ /** Custom theme overrides for styling without matching Kaal's theme structure */
23
+ themeOverrides?: DatePickerThemeOverrides;
13
24
  }
14
25
  export declare const DatePicker: React.FC<KaalDatePickerProps>;
15
26
  //# sourceMappingURL=DatePicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAGpD,CAAC"}
1
+ {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAE5E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,iFAAiF;IACjF,cAAc,CAAC,EAAE,wBAAwB,CAAC;CAC3C;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAGpD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAgCxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyCpD,CAAC"}
1
+ {"version":3,"file":"DatePicker.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAgCxD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8CpD,CAAC"}
@@ -1,29 +1,28 @@
1
- import { type UnistylesVariants } from 'react-native-unistyles';
1
+ /**
2
+ * Default styles for DatePicker using plain React Native StyleSheet.
3
+ * Colors use dark theme defaults - consumers override via themeOverrides prop.
4
+ */
2
5
  export declare const styles: {
3
6
  container: {
7
+ backgroundColor: string;
8
+ borderRadius: number;
9
+ overflow: "hidden";
4
10
  padding: number;
5
- } & {
11
+ };
12
+ containerCompact: {
6
13
  padding: number;
7
- } & {
14
+ };
15
+ containerLarge: {
8
16
  padding: number;
9
- } & {
10
- backgroundColor: "#FFFFFF" | "#121212";
11
- borderRadius: 16;
12
- overflow: "hidden";
13
17
  };
14
18
  backdrop: {
15
19
  backdropFilter: string;
16
20
  WebkitBackdropFilter: string;
17
21
  backgroundColor: string;
18
22
  } | {
19
- backgroundColor: "#FAFAFA" | "#1E1E1E";
23
+ backgroundColor: string;
20
24
  backdropFilter?: undefined;
21
25
  WebkitBackdropFilter?: undefined;
22
26
  };
23
- } & {
24
- useVariants: (variants: {
25
- size?: "compact" | "large" | undefined;
26
- }) => void;
27
27
  };
28
- export type DatePickerVariants = UnistylesVariants<typeof styles>;
29
28
  //# sourceMappingURL=DatePicker.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE5E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CA6BhB,CAAC;AAEJ,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC"}
1
+ {"version":3,"file":"DatePicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAwBjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BpD,CAAC"}
1
+ {"version":3,"file":"DatePicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqCpD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ClockFace.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/ClockFace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,SAAS,EAAc,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAuC/E,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgL9C,CAAC"}
1
+ {"version":3,"file":"ClockFace.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/ClockFace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAgDnE,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgM9C,CAAC"}
@@ -0,0 +1,12 @@
1
+ import type React from 'react';
2
+ import type { ClockMode, TimeValue } from '../../types/timepicker';
3
+ interface ClockFaceProps {
4
+ value: TimeValue;
5
+ onChange: (time: TimeValue) => void;
6
+ mode: ClockMode;
7
+ onModeChange?: (mode: ClockMode) => void;
8
+ is24Hour?: boolean;
9
+ }
10
+ export declare const ClockFace: React.FC<ClockFaceProps>;
11
+ export {};
12
+ //# sourceMappingURL=ClockFace.web.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClockFace.web.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/ClockFace.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAgDnE,UAAU,cAAc;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8O9C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"MaterialTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/MaterialTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAyB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI/E,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsJhE,CAAC"}
1
+ {"version":3,"file":"MaterialTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/MaterialTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAyB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAmB/E,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyQhE,CAAC"}
@@ -0,0 +1,12 @@
1
+ import type React from 'react';
2
+ import type { TimeValue } from '../../types/timepicker';
3
+ interface MaterialTimePickerProps {
4
+ value: TimeValue;
5
+ onChange: (time: TimeValue) => void;
6
+ is24Hour?: boolean;
7
+ onCancel?: () => void;
8
+ onConfirm?: () => void;
9
+ }
10
+ export declare const MaterialTimePicker: React.FC<MaterialTimePickerProps>;
11
+ export {};
12
+ //# sourceMappingURL=MaterialTimePicker.web.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MaterialTimePicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/MaterialTimePicker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAyB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAG/E,UAAU,uBAAuB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAiHD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6IhE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.android.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAa,MAAM,wBAAwB,CAAC;AA6CzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgChD,CAAC"}
1
+ {"version":3,"file":"TimePicker.android.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAa,MAAM,wBAAwB,CAAC;AA6CzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuChD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAa,MAAM,wBAAwB,CAAC;AA+CzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsChD,CAAC"}
1
+ {"version":3,"file":"TimePicker.ios.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAa,MAAM,wBAAwB,CAAC;AA+CzE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyChD,CAAC"}
@@ -1,15 +1,18 @@
1
+ /**
2
+ * Default styles for TimePicker using plain React Native StyleSheet.
3
+ * Colors use dark theme defaults - consumers override via themeOverrides prop.
4
+ */
1
5
  export declare const styles: {
2
6
  container: {
3
- backgroundColor: "#FAFAFA" | "#1E1E1E";
4
- borderRadius: 16;
7
+ backgroundColor: string;
8
+ borderRadius: number;
5
9
  padding: number;
6
10
  };
7
11
  wheelContainer: {
8
12
  flexDirection: "row";
9
13
  height: number;
10
- backgroundColor: "#FAFAFA" | "#1E1E1E";
11
- backdropFilter: string;
12
- borderRadius: 16;
14
+ backgroundColor: string;
15
+ borderRadius: number;
13
16
  overflow: "hidden";
14
17
  alignItems: "center";
15
18
  paddingHorizontal: number;
@@ -26,8 +29,8 @@ export declare const styles: {
26
29
  left: number;
27
30
  right: number;
28
31
  height: number;
29
- backgroundColor: "rgba(0, 0, 0, 0.04)" | "rgba(255, 255, 255, 0.08)";
30
- borderRadius: 8;
32
+ backgroundColor: string;
33
+ borderRadius: number;
31
34
  zIndex: number;
32
35
  };
33
36
  wheelItemsContainer: {
@@ -40,7 +43,7 @@ export declare const styles: {
40
43
  };
41
44
  wheelItemText: {
42
45
  fontSize: number;
43
- color: "#FFFFFF" | "#212121";
46
+ color: string;
44
47
  fontWeight: "400";
45
48
  opacity: number;
46
49
  };
@@ -51,11 +54,11 @@ export declare const styles: {
51
54
  wheelSeparator: {
52
55
  fontSize: number;
53
56
  fontWeight: "500";
54
- color: "#FFFFFF" | "#212121";
57
+ color: string;
55
58
  paddingHorizontal: number;
56
59
  };
57
60
  materialContainer: {
58
- backgroundColor: "#F5F5F5" | "#2C2C2C";
61
+ backgroundColor: string;
59
62
  borderRadius: number;
60
63
  padding: number;
61
64
  width: number;
@@ -63,7 +66,7 @@ export declare const styles: {
63
66
  materialHeader: {
64
67
  fontSize: number;
65
68
  fontWeight: "500";
66
- color: "#616161" | "#E0E0E0";
69
+ color: string;
67
70
  letterSpacing: number;
68
71
  marginBottom: number;
69
72
  textTransform: "uppercase";
@@ -80,20 +83,20 @@ export declare const styles: {
80
83
  alignItems: "center";
81
84
  };
82
85
  timeField: {
83
- backgroundColor: "#FAFAFA" | "#1E1E1E";
84
- borderRadius: 8;
86
+ backgroundColor: string;
87
+ borderRadius: number;
85
88
  paddingVertical: number;
86
89
  paddingHorizontal: number;
87
90
  minWidth: number;
88
91
  alignItems: "center";
89
92
  };
90
93
  timeFieldActive: {
91
- backgroundColor: "#1E88E5" | "#4DA6FF";
94
+ backgroundColor: string;
92
95
  };
93
96
  timeFieldText: {
94
97
  fontSize: number;
95
98
  fontWeight: "400";
96
- color: "#FFFFFF" | "#212121";
99
+ color: string;
97
100
  fontVariant: "tabular-nums"[];
98
101
  };
99
102
  timeFieldTextActive: {
@@ -102,13 +105,13 @@ export declare const styles: {
102
105
  timeSeparator: {
103
106
  fontSize: number;
104
107
  fontWeight: "400";
105
- color: "#FFFFFF" | "#212121";
108
+ color: string;
106
109
  marginHorizontal: number;
107
110
  };
108
111
  periodToggleContainer: {
109
112
  borderWidth: number;
110
- borderColor: "#E0E0E0" | "#444444";
111
- borderRadius: 8;
113
+ borderColor: string;
114
+ borderRadius: number;
112
115
  overflow: "hidden";
113
116
  };
114
117
  periodButton: {
@@ -121,15 +124,15 @@ export declare const styles: {
121
124
  };
122
125
  periodButtonTop: {
123
126
  borderBottomWidth: number;
124
- borderBottomColor: "#E0E0E0" | "#444444";
127
+ borderBottomColor: string;
125
128
  };
126
129
  periodButtonText: {
127
130
  fontSize: number;
128
131
  fontWeight: "500";
129
- color: "#616161" | "#E0E0E0";
132
+ color: string;
130
133
  };
131
134
  periodButtonTextActive: {
132
- color: "#1E88E5" | "#4DA6FF";
135
+ color: string;
133
136
  };
134
137
  clockContainer: {
135
138
  alignItems: "center";
@@ -146,7 +149,7 @@ export declare const styles: {
146
149
  };
147
150
  keyboardButtonText: {
148
151
  fontSize: number;
149
- color: "#616161" | "#E0E0E0";
152
+ color: string;
150
153
  };
151
154
  actionButtonsContainer: {
152
155
  flexDirection: "row";
@@ -160,9 +163,10 @@ export declare const styles: {
160
163
  actionButtonText: {
161
164
  fontSize: number;
162
165
  fontWeight: "500";
163
- color: "#1E88E5" | "#4DA6FF";
166
+ color: string;
164
167
  };
165
- } & {
166
- useVariants: (variants: never) => void;
167
168
  };
169
+ export declare const WHEEL_ITEM_HEIGHT = 44;
170
+ export declare const WHEEL_VISIBLE_ITEMS = 5;
171
+ export declare const WHEEL_CONTAINER_HEIGHT: number;
168
172
  //# sourceMappingURL=TimePicker.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0MhB,CAAC"}
1
+ {"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwMjB,CAAC;AAGH,eAAO,MAAM,iBAAiB,KAAc,CAAC;AAC7C,eAAO,MAAM,mBAAmB,IAAgB,CAAC;AACjD,eAAO,MAAM,sBAAsB,QAAmB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuBhD,CAAC"}
1
+ {"version":3,"file":"TimePicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAI9D;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgChD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimeWheelPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimeWheelPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAyFpE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqG1D,CAAC"}
1
+ {"version":3,"file":"TimeWheelPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimeWheelPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAyGpE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0I1D,CAAC"}
@@ -0,0 +1,11 @@
1
+ import type React from 'react';
2
+ import type { TimeValue } from '../../types/timepicker';
3
+ interface TimeWheelPickerProps {
4
+ value: TimeValue;
5
+ onChange: (time: TimeValue) => void;
6
+ is24Hour?: boolean;
7
+ minuteInterval?: number;
8
+ }
9
+ export declare const TimeWheelPicker: React.FC<TimeWheelPickerProps>;
10
+ export {};
11
+ //# sourceMappingURL=TimeWheelPicker.web.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeWheelPicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimeWheelPicker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,wBAAwB,CAAC;AA2MpE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6I1D,CAAC"}
@@ -1,2 +1,15 @@
1
- export { WheelPicker } from './WheelPicker.web';
1
+ import type React from 'react';
2
+ interface WheelPickerProps {
3
+ value: Date;
4
+ onChange: (date: Date) => void;
5
+ minDate?: Date;
6
+ maxDate?: Date;
7
+ }
8
+ /**
9
+ * Native WheelPicker stub - native platforms should use native date pickers.
10
+ * This component exists for API compatibility but renders a placeholder.
11
+ * Use DatePicker with theme="native" for proper native picker experience.
12
+ */
13
+ export declare const WheelPicker: React.FC<WheelPickerProps>;
14
+ export {};
2
15
  //# sourceMappingURL=WheelPicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"WheelPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"WheelPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,gBAAgB;IACxB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAQlD,CAAC"}
@@ -1,9 +1,13 @@
1
+ /**
2
+ * Default styles for WheelPicker using plain React Native StyleSheet.
3
+ * Colors use dark theme defaults - consumers override via themeOverrides prop.
4
+ */
1
5
  export declare const styles: {
2
6
  container: {
3
7
  flexDirection: "row";
4
8
  height: number;
5
- backgroundColor: "#FAFAFA" | "#1E1E1E";
6
- borderRadius: 16;
9
+ backgroundColor: string;
10
+ borderRadius: number;
7
11
  overflow: "hidden";
8
12
  };
9
13
  column: {
@@ -17,8 +21,8 @@ export declare const styles: {
17
21
  left: number;
18
22
  right: number;
19
23
  height: number;
20
- backgroundColor: "rgba(0, 0, 0, 0.04)" | "rgba(255, 255, 255, 0.08)";
21
- borderRadius: 8;
24
+ backgroundColor: string;
25
+ borderRadius: number;
22
26
  zIndex: number;
23
27
  };
24
28
  itemsContainer: {
@@ -31,10 +35,8 @@ export declare const styles: {
31
35
  };
32
36
  itemText: {
33
37
  fontSize: number;
34
- color: "#FFFFFF" | "#212121";
38
+ color: string;
35
39
  fontWeight: "400";
36
40
  };
37
- } & {
38
- useVariants: (variants: never) => void;
39
41
  };
40
42
  //# sourceMappingURL=WheelPicker.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"WheelPicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoChB,CAAC"}
1
+ {"version":3,"file":"WheelPicker.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.styles.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCjB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"WheelPicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,UAAU,gBAAgB;IACxB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAiGD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgFlD,CAAC"}
1
+ {"version":3,"file":"WheelPicker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/WheelPicker/WheelPicker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,gBAAgB;IACxB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AA0MD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmFlD,CAAC"}
@@ -0,0 +1,23 @@
1
+ import type { DatePickerThemeOverrides } from '../types/datepicker';
2
+ import type { TimePickerThemeOverrides } from '../types/timepicker';
3
+ /**
4
+ * Combined theme overrides context value
5
+ */
6
+ export interface ThemeOverrideContextValue {
7
+ datePicker?: DatePickerThemeOverrides;
8
+ timePicker?: TimePickerThemeOverrides;
9
+ }
10
+ export declare const ThemeOverrideProvider: import("react").Provider<ThemeOverrideContextValue>;
11
+ /**
12
+ * Hook to access DatePicker theme overrides
13
+ */
14
+ export declare function useDatePickerOverrides(): DatePickerThemeOverrides | undefined;
15
+ /**
16
+ * Hook to access TimePicker theme overrides
17
+ */
18
+ export declare function useTimePickerOverrides(): TimePickerThemeOverrides | undefined;
19
+ /**
20
+ * Hook to access all theme overrides
21
+ */
22
+ export declare function useThemeOverrides(): ThemeOverrideContextValue;
23
+ //# sourceMappingURL=ThemeOverrideContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeOverrideContext.d.ts","sourceRoot":"","sources":["../../../src/context/ThemeOverrideContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC;AAID,eAAO,MAAM,qBAAqB,qDAAgC,CAAC;AAEnE;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,SAAS,CAG7E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,SAAS,CAG7E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,yBAAyB,CAE7D"}
@@ -7,6 +7,8 @@ export { useTimePicker, to12Hour, to24Hour, formatTime, snapToInterval, } from '
7
7
  export { toISODateString, toISODateTimeString, parseISODate, parseISODateTime, fromISODateString, fromISODateTimeString, getDateRange, isDateInRange, getUserTimezone, addDays, addMonths, compareDates, isSameDay, isSameMonth, getMonthDays, getFirstDayOfMonth, getLastDayOfMonth, getDayOfWeek, formatMonth, formatWeekday, formatYearMonth, today, } from './utils';
8
8
  export { isoDateSchema, isoDateTimeSchema, dateRangeSchema, datePickerValueSchema, dateSchema, temporalDateSchema, } from './utils';
9
9
  export type { DatePickerValue, DateRange } from './utils';
10
- export type { DatePickerMode, DatePickerTheme, DatePickerVariant, DatePickerProps, } from './types';
11
- export type { TimePeriod, ClockMode, Time12Hour, MinuteInterval, TimePickerTheme, } from './types';
10
+ export type { DatePickerMode, DatePickerTheme, DatePickerVariant, DatePickerProps, DatePickerThemeOverrides, } from './types';
11
+ export type { TimePeriod, ClockMode, Time12Hour, MinuteInterval, TimePickerTheme, TimePickerThemeOverrides, } from './types';
12
+ export { ThemeOverrideProvider, useDatePickerOverrides, useTimePickerOverrides, useThemeOverrides, } from './context/ThemeOverrideContext';
13
+ export type { ThemeOverrideContextValue } from './context/ThemeOverrideContext';
12
14
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,EACL,UAAU,EACV,eAAe,EACf,SAAS,EACT,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,SAAS,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,cAAc,GACf,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,OAAO,EACP,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EACf,KAAK,GACN,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1D,YAAY,EACV,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,eAAe,GAChB,MAAM,SAAS,CAAC;AAGjB,YAAY,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAe,GAChB,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,OAAO,EACL,UAAU,EACV,eAAe,EACf,SAAS,EACT,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,SAAS,GACf,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,cAAc,GACf,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,eAAe,EACf,OAAO,EACP,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EACf,KAAK,GACN,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,UAAU,EACV,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1D,YAAY,EACV,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,wBAAwB,GACzB,MAAM,SAAS,CAAC;AAGjB,YAAY,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAe,EACf,wBAAwB,GACzB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,gCAAgC,CAAC;AACxC,YAAY,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC"}
@@ -1,6 +1,36 @@
1
1
  export type DatePickerMode = 'date' | 'time' | 'datetime';
2
2
  export type DatePickerTheme = 'native' | 'ios' | 'android' | 'custom';
3
3
  export type DatePickerVariant = 'wheel' | 'calendar' | 'compact';
4
+ /**
5
+ * Theme overrides for DatePicker components.
6
+ * These allow customizing colors without matching Kaal's internal theme structure.
7
+ */
8
+ export interface DatePickerThemeOverrides {
9
+ /** Background color of selected date cell */
10
+ cellSelectedColor?: string;
11
+ /** Background color of today's date cell */
12
+ cellTodayColor?: string;
13
+ /** Default text color for dates */
14
+ textColor?: string;
15
+ /** Text color for selected date */
16
+ textSelectedColor?: string;
17
+ /** Text color for disabled dates */
18
+ textDisabledColor?: string;
19
+ /** Text color for weekend dates */
20
+ textWeekendColor?: string;
21
+ /** Primary accent color (navigation arrows, today border) */
22
+ primaryColor?: string;
23
+ /** Header background color */
24
+ headerBackground?: string;
25
+ /** Container background color */
26
+ backgroundColor?: string;
27
+ /** Border radius for calendar container */
28
+ borderRadius?: number;
29
+ /** Border radius for date cells */
30
+ cellBorderRadius?: number;
31
+ /** Padding for calendar container */
32
+ padding?: number;
33
+ }
4
34
  export interface DatePickerProps {
5
35
  value: Date;
6
36
  onChange: (date: Date) => void;
@@ -11,5 +41,16 @@ export interface DatePickerProps {
11
41
  maxDate?: Date;
12
42
  disabledDates?: Date[];
13
43
  locale?: string;
44
+ /**
45
+ * First day of the week: 0 = Sunday, 1 = Monday
46
+ * @default 0 (Sunday)
47
+ *
48
+ * TODO: This is a temporary solution. In the future, we need to add full
49
+ * locale support to handle different calendar formats, layouts, and
50
+ * localized day/month names across different regions.
51
+ */
52
+ weekStartsOn?: 0 | 1;
53
+ /** Custom theme overrides for styling without matching Kaal's theme structure */
54
+ themeOverrides?: DatePickerThemeOverrides;
14
55
  }
15
56
  //# sourceMappingURL=datepicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/types/datepicker.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
1
+ {"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../src/types/datepicker.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtE,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjE;;;GAGG;AACH,MAAM,WAAW,wBAAwB;IAEvC,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACrB,iFAAiF;IACjF,cAAc,CAAC,EAAE,wBAAwB,CAAC;CAC3C"}