react-native-paper-dates 0.22.14 → 0.22.16

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 (277) hide show
  1. package/lib/commonjs/Date/AnimatedCrossView.js +41 -42
  2. package/lib/commonjs/Date/AnimatedCrossView.js.map +1 -1
  3. package/lib/commonjs/Date/AutoSizer.js +10 -14
  4. package/lib/commonjs/Date/AutoSizer.js.map +1 -1
  5. package/lib/commonjs/Date/Calendar.js +69 -76
  6. package/lib/commonjs/Date/Calendar.js.map +1 -1
  7. package/lib/commonjs/Date/CalendarEdit.js +67 -72
  8. package/lib/commonjs/Date/CalendarEdit.js.map +1 -1
  9. package/lib/commonjs/Date/CalendarHeader.js +38 -36
  10. package/lib/commonjs/Date/CalendarHeader.js.map +1 -1
  11. package/lib/commonjs/Date/DatePickerInput.js +15 -15
  12. package/lib/commonjs/Date/DatePickerInput.js.map +1 -1
  13. package/lib/commonjs/Date/DatePickerInputWithoutModal.js +49 -43
  14. package/lib/commonjs/Date/DatePickerInputWithoutModal.js.map +1 -1
  15. package/lib/commonjs/Date/DatePickerModal.js +49 -45
  16. package/lib/commonjs/Date/DatePickerModal.js.map +1 -1
  17. package/lib/commonjs/Date/DatePickerModalContent.js +73 -68
  18. package/lib/commonjs/Date/DatePickerModalContent.js.map +1 -1
  19. package/lib/commonjs/Date/DatePickerModalContentHeader.js +86 -101
  20. package/lib/commonjs/Date/DatePickerModalContentHeader.js.map +1 -1
  21. package/lib/commonjs/Date/DatePickerModalHeader.js +32 -63
  22. package/lib/commonjs/Date/DatePickerModalHeader.js.map +1 -1
  23. package/lib/commonjs/Date/DatePickerModalHeaderBackground.js +8 -7
  24. package/lib/commonjs/Date/DatePickerModalHeaderBackground.js.map +1 -1
  25. package/lib/commonjs/Date/DatePickerModalStatusBar.js +16 -13
  26. package/lib/commonjs/Date/DatePickerModalStatusBar.js.map +1 -1
  27. package/lib/commonjs/Date/Day.js +57 -57
  28. package/lib/commonjs/Date/Day.js.map +1 -1
  29. package/lib/commonjs/Date/DayName.js +17 -14
  30. package/lib/commonjs/Date/DayName.js.map +1 -1
  31. package/lib/commonjs/Date/DayNames.js +14 -13
  32. package/lib/commonjs/Date/DayNames.js.map +1 -1
  33. package/lib/commonjs/Date/DayRange.js +25 -26
  34. package/lib/commonjs/Date/DayRange.js.map +1 -1
  35. package/lib/commonjs/Date/Month.js +74 -76
  36. package/lib/commonjs/Date/Month.js.map +1 -1
  37. package/lib/commonjs/Date/Swiper.js +67 -64
  38. package/lib/commonjs/Date/Swiper.js.map +1 -1
  39. package/lib/commonjs/Date/Swiper.native.js +67 -63
  40. package/lib/commonjs/Date/Swiper.native.js.map +1 -1
  41. package/lib/commonjs/Date/SwiperUtils.js +3 -5
  42. package/lib/commonjs/Date/SwiperUtils.js.map +1 -1
  43. package/lib/commonjs/Date/YearPicker.js +58 -58
  44. package/lib/commonjs/Date/YearPicker.js.map +1 -1
  45. package/lib/commonjs/Date/dateUtils.js +13 -11
  46. package/lib/commonjs/Date/dateUtils.js.map +1 -1
  47. package/lib/commonjs/Date/inputUtils.js +8 -10
  48. package/lib/commonjs/Date/inputUtils.js.map +1 -1
  49. package/lib/commonjs/TextInputMask.js +11 -11
  50. package/lib/commonjs/TextInputMask.js.map +1 -1
  51. package/lib/commonjs/Time/AmPmSwitcher.js +51 -49
  52. package/lib/commonjs/Time/AmPmSwitcher.js.map +1 -1
  53. package/lib/commonjs/Time/AnalogClock.js +69 -64
  54. package/lib/commonjs/Time/AnalogClock.js.map +1 -1
  55. package/lib/commonjs/Time/AnalogClockHours.js +46 -53
  56. package/lib/commonjs/Time/AnalogClockHours.js.map +1 -1
  57. package/lib/commonjs/Time/AnalogClockMinutes.js +45 -60
  58. package/lib/commonjs/Time/AnalogClockMinutes.js.map +1 -1
  59. package/lib/commonjs/Time/AnimatedClockSwitcher.js +34 -30
  60. package/lib/commonjs/Time/AnimatedClockSwitcher.js.map +1 -1
  61. package/lib/commonjs/Time/TimeInput.js +55 -54
  62. package/lib/commonjs/Time/TimeInput.js.map +1 -1
  63. package/lib/commonjs/Time/TimeInputs.js +118 -114
  64. package/lib/commonjs/Time/TimeInputs.js.map +1 -1
  65. package/lib/commonjs/Time/TimePicker.js +40 -36
  66. package/lib/commonjs/Time/TimePicker.js.map +1 -1
  67. package/lib/commonjs/Time/TimePickerModal.js +118 -114
  68. package/lib/commonjs/Time/TimePickerModal.js.map +1 -1
  69. package/lib/commonjs/Time/timeUtils.js +5 -8
  70. package/lib/commonjs/Time/timeUtils.js.map +1 -1
  71. package/lib/commonjs/contexts/DisplayModeContext.js +2 -4
  72. package/lib/commonjs/contexts/DisplayModeContext.js.map +1 -1
  73. package/lib/commonjs/shared/styles.js +25 -0
  74. package/lib/commonjs/shared/styles.js.map +1 -0
  75. package/lib/commonjs/{utils.js → shared/utils.js} +4 -4
  76. package/lib/commonjs/shared/utils.js.map +1 -0
  77. package/lib/module/Date/AnimatedCrossView.js +43 -42
  78. package/lib/module/Date/AnimatedCrossView.js.map +1 -1
  79. package/lib/module/Date/AutoSizer.js +12 -15
  80. package/lib/module/Date/AutoSizer.js.map +1 -1
  81. package/lib/module/Date/Calendar.js +71 -76
  82. package/lib/module/Date/Calendar.js.map +1 -1
  83. package/lib/module/Date/CalendarEdit.js +68 -71
  84. package/lib/module/Date/CalendarEdit.js.map +1 -1
  85. package/lib/module/Date/CalendarHeader.js +39 -36
  86. package/lib/module/Date/CalendarHeader.js.map +1 -1
  87. package/lib/module/Date/DatePickerInput.js +15 -14
  88. package/lib/module/Date/DatePickerInput.js.map +1 -1
  89. package/lib/module/Date/DatePickerInputWithoutModal.js +50 -42
  90. package/lib/module/Date/DatePickerInputWithoutModal.js.map +1 -1
  91. package/lib/module/Date/DatePickerModal.js +49 -44
  92. package/lib/module/Date/DatePickerModal.js.map +1 -1
  93. package/lib/module/Date/DatePickerModalContent.js +74 -67
  94. package/lib/module/Date/DatePickerModalContent.js.map +1 -1
  95. package/lib/module/Date/DatePickerModalContentHeader.js +87 -100
  96. package/lib/module/Date/DatePickerModalContentHeader.js.map +1 -1
  97. package/lib/module/Date/DatePickerModalHeader.js +33 -61
  98. package/lib/module/Date/DatePickerModalHeader.js.map +1 -1
  99. package/lib/module/Date/DatePickerModalHeaderBackground.js +7 -5
  100. package/lib/module/Date/DatePickerModalHeaderBackground.js.map +1 -1
  101. package/lib/module/Date/DatePickerModalStatusBar.js +18 -13
  102. package/lib/module/Date/DatePickerModalStatusBar.js.map +1 -1
  103. package/lib/module/Date/Day.js +58 -56
  104. package/lib/module/Date/Day.js.map +1 -1
  105. package/lib/module/Date/DayName.js +17 -14
  106. package/lib/module/Date/DayName.js.map +1 -1
  107. package/lib/module/Date/DayNames.js +13 -12
  108. package/lib/module/Date/DayNames.js.map +1 -1
  109. package/lib/module/Date/DayRange.js +27 -26
  110. package/lib/module/Date/DayRange.js.map +1 -1
  111. package/lib/module/Date/Month.js +76 -76
  112. package/lib/module/Date/Month.js.map +1 -1
  113. package/lib/module/Date/Swiper.js +69 -64
  114. package/lib/module/Date/Swiper.js.map +1 -1
  115. package/lib/module/Date/Swiper.native.js +69 -62
  116. package/lib/module/Date/Swiper.native.js.map +1 -1
  117. package/lib/module/Date/SwiperUtils.js +3 -3
  118. package/lib/module/Date/SwiperUtils.js.map +1 -1
  119. package/lib/module/Date/YearPicker.js +59 -58
  120. package/lib/module/Date/YearPicker.js.map +1 -1
  121. package/lib/module/Date/dateUtils.js +13 -9
  122. package/lib/module/Date/dateUtils.js.map +1 -1
  123. package/lib/module/Date/inputUtils.js +8 -8
  124. package/lib/module/Date/inputUtils.js.map +1 -1
  125. package/lib/module/TextInputMask.js +12 -11
  126. package/lib/module/TextInputMask.js.map +1 -1
  127. package/lib/module/Time/AmPmSwitcher.js +53 -49
  128. package/lib/module/Time/AmPmSwitcher.js.map +1 -1
  129. package/lib/module/Time/AnalogClock.js +71 -64
  130. package/lib/module/Time/AnalogClock.js.map +1 -1
  131. package/lib/module/Time/AnalogClockHours.js +48 -53
  132. package/lib/module/Time/AnalogClockHours.js.map +1 -1
  133. package/lib/module/Time/AnalogClockMinutes.js +46 -60
  134. package/lib/module/Time/AnalogClockMinutes.js.map +1 -1
  135. package/lib/module/Time/AnimatedClockSwitcher.js +35 -30
  136. package/lib/module/Time/AnimatedClockSwitcher.js.map +1 -1
  137. package/lib/module/Time/TimeInput.js +56 -53
  138. package/lib/module/Time/TimeInput.js.map +1 -1
  139. package/lib/module/Time/TimeInputs.js +120 -113
  140. package/lib/module/Time/TimeInputs.js.map +1 -1
  141. package/lib/module/Time/TimePicker.js +42 -36
  142. package/lib/module/Time/TimePicker.js.map +1 -1
  143. package/lib/module/Time/TimePickerModal.js +118 -112
  144. package/lib/module/Time/TimePickerModal.js.map +1 -1
  145. package/lib/module/Time/timeUtils.js +5 -6
  146. package/lib/module/Time/timeUtils.js.map +1 -1
  147. package/lib/module/contexts/DisplayModeContext.js +2 -2
  148. package/lib/module/contexts/DisplayModeContext.js.map +1 -1
  149. package/lib/module/shared/styles.js +19 -0
  150. package/lib/module/shared/styles.js.map +1 -0
  151. package/lib/module/{utils.js → shared/utils.js} +3 -2
  152. package/lib/module/shared/utils.js.map +1 -0
  153. package/lib/typescript/Date/AnimatedCrossView.d.ts +1 -1
  154. package/lib/typescript/Date/AnimatedCrossView.d.ts.map +1 -1
  155. package/lib/typescript/Date/AutoSizer.d.ts +1 -1
  156. package/lib/typescript/Date/AutoSizer.d.ts.map +1 -1
  157. package/lib/typescript/Date/Calendar.d.ts +1 -1
  158. package/lib/typescript/Date/Calendar.d.ts.map +1 -1
  159. package/lib/typescript/Date/CalendarEdit.d.ts +1 -1
  160. package/lib/typescript/Date/CalendarEdit.d.ts.map +1 -1
  161. package/lib/typescript/Date/CalendarHeader.d.ts +1 -1
  162. package/lib/typescript/Date/CalendarHeader.d.ts.map +1 -1
  163. package/lib/typescript/Date/DatePickerInput.d.ts +1 -1
  164. package/lib/typescript/Date/DatePickerInput.d.ts.map +1 -1
  165. package/lib/typescript/Date/DatePickerInput.shared.d.ts +3 -3
  166. package/lib/typescript/Date/DatePickerInput.shared.d.ts.map +1 -1
  167. package/lib/typescript/Date/DatePickerInputWithoutModal.d.ts +59 -58
  168. package/lib/typescript/Date/DatePickerInputWithoutModal.d.ts.map +1 -1
  169. package/lib/typescript/Date/DatePickerModal.d.ts +1 -1
  170. package/lib/typescript/Date/DatePickerModal.d.ts.map +1 -1
  171. package/lib/typescript/Date/DatePickerModalContent.d.ts +1 -1
  172. package/lib/typescript/Date/DatePickerModalContent.d.ts.map +1 -1
  173. package/lib/typescript/Date/DatePickerModalContentHeader.d.ts +1 -1
  174. package/lib/typescript/Date/DatePickerModalContentHeader.d.ts.map +1 -1
  175. package/lib/typescript/Date/DatePickerModalHeader.d.ts +1 -1
  176. package/lib/typescript/Date/DatePickerModalHeader.d.ts.map +1 -1
  177. package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts +1 -1
  178. package/lib/typescript/Date/DatePickerModalHeaderBackground.d.ts.map +1 -1
  179. package/lib/typescript/Date/DatePickerModalStatusBar.d.ts +1 -1
  180. package/lib/typescript/Date/DatePickerModalStatusBar.d.ts.map +1 -1
  181. package/lib/typescript/Date/Day.d.ts +2 -2
  182. package/lib/typescript/Date/Day.d.ts.map +1 -1
  183. package/lib/typescript/Date/DayName.d.ts +1 -1
  184. package/lib/typescript/Date/DayName.d.ts.map +1 -1
  185. package/lib/typescript/Date/DayNames.d.ts +1 -1
  186. package/lib/typescript/Date/DayNames.d.ts.map +1 -1
  187. package/lib/typescript/Date/DayRange.d.ts +1 -1
  188. package/lib/typescript/Date/DayRange.d.ts.map +1 -1
  189. package/lib/typescript/Date/Month.d.ts +1 -1
  190. package/lib/typescript/Date/Month.d.ts.map +1 -1
  191. package/lib/typescript/Date/Swiper.d.ts +1 -1
  192. package/lib/typescript/Date/Swiper.d.ts.map +1 -1
  193. package/lib/typescript/Date/Swiper.native.d.ts +1 -1
  194. package/lib/typescript/Date/Swiper.native.d.ts.map +1 -1
  195. package/lib/typescript/Date/SwiperUtils.d.ts +1 -1
  196. package/lib/typescript/Date/SwiperUtils.d.ts.map +1 -1
  197. package/lib/typescript/Date/YearPicker.d.ts +1 -1
  198. package/lib/typescript/Date/YearPicker.d.ts.map +1 -1
  199. package/lib/typescript/Date/dateUtils.d.ts.map +1 -1
  200. package/lib/typescript/Date/inputUtils.d.ts.map +1 -1
  201. package/lib/typescript/TextInputMask.d.ts +24 -24
  202. package/lib/typescript/TextInputMask.d.ts.map +1 -1
  203. package/lib/typescript/Time/AmPmSwitcher.d.ts +1 -1
  204. package/lib/typescript/Time/AmPmSwitcher.d.ts.map +1 -1
  205. package/lib/typescript/Time/AnalogClock.d.ts +1 -1
  206. package/lib/typescript/Time/AnalogClock.d.ts.map +1 -1
  207. package/lib/typescript/Time/AnalogClockHours.d.ts +1 -1
  208. package/lib/typescript/Time/AnalogClockHours.d.ts.map +1 -1
  209. package/lib/typescript/Time/AnalogClockMinutes.d.ts +1 -1
  210. package/lib/typescript/Time/AnalogClockMinutes.d.ts.map +1 -1
  211. package/lib/typescript/Time/AnimatedClockSwitcher.d.ts +5 -3
  212. package/lib/typescript/Time/AnimatedClockSwitcher.d.ts.map +1 -1
  213. package/lib/typescript/Time/TimeInput.d.ts +1 -1
  214. package/lib/typescript/Time/TimeInput.d.ts.map +1 -1
  215. package/lib/typescript/Time/TimeInputs.d.ts +1 -1
  216. package/lib/typescript/Time/TimeInputs.d.ts.map +1 -1
  217. package/lib/typescript/Time/TimePicker.d.ts +1 -1
  218. package/lib/typescript/Time/TimePicker.d.ts.map +1 -1
  219. package/lib/typescript/Time/TimePickerModal.d.ts +1 -1
  220. package/lib/typescript/Time/TimePickerModal.d.ts.map +1 -1
  221. package/lib/typescript/Time/timeUtils.d.ts.map +1 -1
  222. package/lib/typescript/contexts/DisplayModeContext.d.ts +4 -4
  223. package/lib/typescript/contexts/DisplayModeContext.d.ts.map +1 -1
  224. package/lib/typescript/shared/styles.d.ts +18 -0
  225. package/lib/typescript/shared/styles.d.ts.map +1 -0
  226. package/lib/typescript/{utils.d.ts → shared/utils.d.ts} +2 -2
  227. package/lib/typescript/shared/utils.d.ts.map +1 -0
  228. package/package.json +17 -17
  229. package/src/Date/AnimatedCrossView.tsx +9 -10
  230. package/src/Date/AutoSizer.tsx +12 -13
  231. package/src/Date/Calendar.tsx +29 -35
  232. package/src/Date/CalendarEdit.tsx +18 -15
  233. package/src/Date/CalendarHeader.tsx +9 -18
  234. package/src/Date/DatePickerInput.shared.tsx +3 -3
  235. package/src/Date/DatePickerInput.tsx +11 -8
  236. package/src/Date/DatePickerInputWithoutModal.tsx +3 -4
  237. package/src/Date/DatePickerModal.tsx +14 -23
  238. package/src/Date/DatePickerModalContent.tsx +10 -13
  239. package/src/Date/DatePickerModalContentHeader.tsx +31 -43
  240. package/src/Date/DatePickerModalHeader.tsx +4 -23
  241. package/src/Date/DatePickerModalHeaderBackground.tsx +3 -2
  242. package/src/Date/DatePickerModalStatusBar.tsx +4 -4
  243. package/src/Date/Day.tsx +22 -24
  244. package/src/Date/DayName.tsx +12 -4
  245. package/src/Date/DayNames.tsx +7 -6
  246. package/src/Date/DayRange.tsx +6 -11
  247. package/src/Date/Month.tsx +24 -21
  248. package/src/Date/Swiper.native.tsx +19 -20
  249. package/src/Date/Swiper.tsx +32 -29
  250. package/src/Date/SwiperUtils.ts +3 -4
  251. package/src/Date/YearPicker.tsx +11 -16
  252. package/src/Date/dateUtils.tsx +18 -11
  253. package/src/Date/inputUtils.ts +7 -5
  254. package/src/TextInputMask.tsx +10 -11
  255. package/src/Time/AmPmSwitcher.tsx +9 -7
  256. package/src/Time/AnalogClock.tsx +38 -24
  257. package/src/Time/AnalogClockHours.tsx +10 -20
  258. package/src/Time/AnalogClockMinutes.tsx +19 -32
  259. package/src/Time/AnimatedClockSwitcher.tsx +9 -5
  260. package/src/Time/TimeInput.tsx +22 -19
  261. package/src/Time/TimeInputs.tsx +28 -34
  262. package/src/Time/TimePicker.tsx +15 -10
  263. package/src/Time/TimePickerModal.tsx +48 -72
  264. package/src/Time/timeUtils.ts +5 -6
  265. package/src/contexts/DisplayModeContext.tsx +3 -3
  266. package/src/shared/styles.tsx +19 -0
  267. package/src/{utils.ts → shared/utils.ts} +16 -2
  268. package/lib/commonjs/Date/Week.js +0 -10
  269. package/lib/commonjs/Date/Week.js.map +0 -1
  270. package/lib/commonjs/utils.js.map +0 -1
  271. package/lib/module/Date/Week.js +0 -4
  272. package/lib/module/Date/Week.js.map +0 -1
  273. package/lib/module/utils.js.map +0 -1
  274. package/lib/typescript/Date/Week.d.ts +0 -2
  275. package/lib/typescript/Date/Week.d.ts.map +0 -1
  276. package/lib/typescript/utils.d.ts.map +0 -1
  277. package/src/Date/Week.tsx +0 -3
@@ -1,4 +1,3 @@
1
- import * as React from 'react'
2
1
  import {
3
2
  Modal,
4
3
  StyleSheet,
@@ -26,20 +25,9 @@ import {
26
25
  PossibleInputTypes,
27
26
  reverseInputTypes,
28
27
  } from './timeUtils'
29
-
30
- const supportedOrientations: (
31
- | 'portrait'
32
- | 'portrait-upside-down'
33
- | 'landscape'
34
- | 'landscape-left'
35
- | 'landscape-right'
36
- )[] = [
37
- 'portrait',
38
- 'portrait-upside-down',
39
- 'landscape',
40
- 'landscape-left',
41
- 'landscape-right',
42
- ]
28
+ import React, { memo, useCallback, useEffect, useState } from 'react'
29
+ import { sharedStyles } from '../shared/styles'
30
+ import { supportedOrientations } from '../shared/utils'
43
31
 
44
32
  export function TimePickerModal({
45
33
  visible,
@@ -77,45 +65,27 @@ export function TimePickerModal({
77
65
  defaultInputType?: PossibleInputTypes
78
66
  }) {
79
67
  const theme = useTheme()
80
- const defaultUppercase = !theme.isV3
81
- const uppercase = _uppercase ?? defaultUppercase
82
- let textFont
83
- let labelText = label
84
-
85
- if (theme.isV3) {
86
- textFont = theme.fonts.labelMedium
87
- } else {
88
- textFont = (theme as any as MD2Theme)?.fonts.medium
89
- }
90
68
 
91
- const [inputType, setInputType] = React.useState<PossibleInputTypes>(
69
+ const [inputType, setInputType] = useState<PossibleInputTypes>(
92
70
  defaultInputType || inputTypes.picker
93
71
  )
94
- const [focused, setFocused] = React.useState<PossibleClockTypes>(
95
- clockTypes.hours
96
- )
97
- const [localHours, setLocalHours] = React.useState<number>(getHours(hours))
98
- const [localMinutes, setLocalMinutes] = React.useState<number>(
99
- getMinutes(minutes)
100
- )
101
-
102
- if (inputType === inputTypes.keyboard && !label) {
103
- labelText = 'Enter time'
104
- }
72
+ const [focused, setFocused] = useState<PossibleClockTypes>(clockTypes.hours)
73
+ const [localHours, setLocalHours] = useState(getHours(hours))
74
+ const [localMinutes, setLocalMinutes] = useState(getMinutes(minutes))
105
75
 
106
- React.useEffect(() => {
76
+ useEffect(() => {
107
77
  setLocalHours(getHours(hours))
108
78
  }, [setLocalHours, hours])
109
79
 
110
- React.useEffect(() => {
80
+ useEffect(() => {
111
81
  setLocalMinutes(getMinutes(minutes))
112
82
  }, [setLocalMinutes, minutes])
113
83
 
114
- const onFocusInput = React.useCallback(
84
+ const onFocusInput = useCallback(
115
85
  (type: PossibleClockTypes) => setFocused(type),
116
86
  []
117
87
  )
118
- const onChange = React.useCallback(
88
+ const onChange = useCallback(
119
89
  (params: {
120
90
  focused?: PossibleClockTypes | undefined
121
91
  hours: number
@@ -131,6 +101,21 @@ export function TimePickerModal({
131
101
  [setFocused, setLocalHours, setLocalMinutes]
132
102
  )
133
103
 
104
+ const defaultUppercase = !theme.isV3
105
+ const uppercase = _uppercase ?? defaultUppercase
106
+ let textFont
107
+ let labelText = label
108
+
109
+ if (theme.isV3) {
110
+ textFont = theme.fonts.labelMedium
111
+ } else {
112
+ textFont = (theme as any as MD2Theme)?.fonts.medium
113
+ }
114
+
115
+ if (inputType === inputTypes.keyboard && !label) {
116
+ labelText = 'Enter time'
117
+ }
118
+
134
119
  let color
135
120
  if (theme.isV3) {
136
121
  color = theme.dark ? theme.colors.elevation.level3 : theme.colors.surface
@@ -155,19 +140,16 @@ export function TimePickerModal({
155
140
  <View
156
141
  style={[
157
142
  StyleSheet.absoluteFill,
158
- styles.modalBackground,
143
+ sharedStyles.root,
159
144
  { backgroundColor: theme.colors?.backdrop },
160
145
  ]}
161
146
  />
162
147
  </TouchableWithoutFeedback>
163
148
  <View
164
- style={[StyleSheet.absoluteFill, styles.modalRoot]}
149
+ style={[StyleSheet.absoluteFill, styles.center]}
165
150
  pointerEvents="box-none"
166
151
  >
167
- <KeyboardAvoidingView
168
- style={styles.keyboardView}
169
- behavior={'padding'}
170
- >
152
+ <KeyboardAvoidingView style={styles.center} behavior="padding">
171
153
  <Animated.View
172
154
  style={[
173
155
  styles.modalContent,
@@ -218,7 +200,7 @@ export function TimePickerModal({
218
200
  style={styles.inputTypeToggle}
219
201
  accessibilityLabel="toggle keyboard"
220
202
  />
221
- <View style={styles.fill} />
203
+ <View style={sharedStyles.root} />
222
204
  <Button onPress={onDismiss} uppercase={uppercase}>
223
205
  {cancelLabel}
224
206
  </Button>
@@ -244,23 +226,34 @@ function getMinutes(minutes: number | undefined | null): number {
244
226
  ? new Date().getMinutes()
245
227
  : minutes
246
228
  }
229
+
247
230
  function getHours(hours: number | undefined | null): number {
248
231
  return hours === undefined || hours === null ? new Date().getHours() : hours
249
232
  }
250
233
 
251
234
  const styles = StyleSheet.create({
252
- modalRoot: {
253
- justifyContent: 'center',
235
+ bottom: {
236
+ flexDirection: 'row',
254
237
  alignItems: 'center',
255
- flex: 1,
238
+ padding: 8,
256
239
  },
257
- keyboardView: {
240
+ center: {
258
241
  justifyContent: 'center',
259
242
  alignItems: 'center',
260
243
  flex: 1,
261
244
  },
262
- modalBackground: {
263
- flex: 1,
245
+ inputTypeToggle: {
246
+ margin: 4,
247
+ },
248
+ labelContainer: {
249
+ justifyContent: 'flex-end',
250
+ paddingLeft: 24,
251
+ paddingRight: 24,
252
+ paddingTop: 16,
253
+ },
254
+ label: {
255
+ letterSpacing: 1,
256
+ fontSize: 13,
264
257
  },
265
258
  modalContent: {
266
259
  shadowColor: '#000',
@@ -274,29 +267,12 @@ const styles = StyleSheet.create({
274
267
  minWidth: 287,
275
268
  paddingVertical: 8,
276
269
  },
277
- labelContainer: {
278
- justifyContent: 'flex-end',
279
- paddingLeft: 24,
280
- paddingRight: 24,
281
- paddingTop: 16,
282
- },
283
- label: {
284
- letterSpacing: 1,
285
- fontSize: 13,
286
- },
287
270
  timePickerContainer: {
288
271
  paddingLeft: 24,
289
272
  paddingTop: 20,
290
273
  paddingBottom: 16,
291
274
  paddingRight: 24,
292
275
  },
293
- bottom: {
294
- flexDirection: 'row',
295
- alignItems: 'center',
296
- padding: 8,
297
- },
298
- inputTypeToggle: { margin: 4 },
299
- fill: { flex: 1 },
300
276
  })
301
277
 
302
- export default React.memo(TimePickerModal)
278
+ export default memo(TimePickerModal)
@@ -1,5 +1,5 @@
1
- import * as React from 'react'
2
1
  import Color from 'color'
2
+ import { useMemo } from 'react'
3
3
  import { MD2Theme, useTheme } from 'react-native-paper'
4
4
 
5
5
  export const circleSize = 256
@@ -64,7 +64,6 @@ export const clockTypes: ClockTypeMap = {
64
64
  }
65
65
 
66
66
  // Code inspiration and copied from: https://github.com/ShaneGH/analogue-time-picker/blob/master/src/utils/angle.ts
67
-
68
67
  const outerHeight = 34
69
68
  const _30 = Math.PI / 6
70
69
  const _12 = Math.PI / 30
@@ -157,7 +156,7 @@ export function getAngle(left: number, top: number, size: number) {
157
156
 
158
157
  export function useSwitchColors(highlighted: boolean) {
159
158
  const theme = useTheme()
160
- const backgroundColor = React.useMemo<string>(() => {
159
+ const backgroundColor = useMemo<string>(() => {
161
160
  if (theme.dark) {
162
161
  if (highlighted) {
163
162
  return theme.isV3
@@ -177,7 +176,7 @@ export function useSwitchColors(highlighted: boolean) {
177
176
  return theme.colors.surface
178
177
  }, [highlighted, theme])
179
178
 
180
- const color = React.useMemo<string>(() => {
179
+ const color = useMemo<string>(() => {
181
180
  if (highlighted && !theme.dark) {
182
181
  return theme.isV3 ? theme.colors.onSurfaceVariant : theme.colors.primary
183
182
  }
@@ -198,7 +197,7 @@ export function useSwitchColors(highlighted: boolean) {
198
197
 
199
198
  export function useInputColors(highlighted: boolean) {
200
199
  const theme = useTheme()
201
- const backgroundColor = React.useMemo<string>(() => {
200
+ const backgroundColor = useMemo<string>(() => {
202
201
  if (theme.dark) {
203
202
  if (highlighted) {
204
203
  return theme.isV3
@@ -222,7 +221,7 @@ export function useInputColors(highlighted: boolean) {
222
221
  return Color(theme.colors.surface).darken(0.1).hex()
223
222
  }, [highlighted, theme])
224
223
 
225
- const color = React.useMemo<string>(() => {
224
+ const color = useMemo<string>(() => {
226
225
  if (theme.isV3) {
227
226
  if (!highlighted) {
228
227
  return theme.isV3 ? theme.colors.onSurface : theme.colors.onBackground
@@ -1,6 +1,6 @@
1
- import * as React from 'react'
1
+ import { createContext, Dispatch, SetStateAction } from 'react'
2
2
 
3
- export const DisplayModeContext = React.createContext<{
3
+ export const DisplayModeContext = createContext<{
4
4
  mode: 'AM' | 'PM' | undefined
5
- setMode: React.Dispatch<React.SetStateAction<'AM' | 'PM' | undefined>>
5
+ setMode: Dispatch<SetStateAction<'AM' | 'PM' | undefined>>
6
6
  }>({ mode: 'AM', setMode: () => {} })
@@ -0,0 +1,19 @@
1
+ import { StyleSheet } from 'react-native'
2
+
3
+ export const sharedStyles = StyleSheet.create({
4
+ flexDirectionRow: {
5
+ flexDirection: 'row',
6
+ },
7
+ opacity0: {
8
+ opacity: 0,
9
+ },
10
+ opacity1: {
11
+ opacity: 1,
12
+ },
13
+ overflowHidden: {
14
+ overflow: 'hidden',
15
+ },
16
+ root: {
17
+ flex: 1,
18
+ },
19
+ })
@@ -1,4 +1,4 @@
1
- import * as React from 'react'
1
+ import { useRef } from 'react'
2
2
  import {
3
3
  DefaultTheme,
4
4
  MD3DarkTheme,
@@ -7,10 +7,24 @@ import {
7
7
  } from 'react-native-paper'
8
8
  import Color from 'color'
9
9
 
10
+ export const supportedOrientations: (
11
+ | 'portrait'
12
+ | 'portrait-upside-down'
13
+ | 'landscape'
14
+ | 'landscape-left'
15
+ | 'landscape-right'
16
+ )[] = [
17
+ 'portrait',
18
+ 'portrait-upside-down',
19
+ 'landscape',
20
+ 'landscape-left',
21
+ 'landscape-right',
22
+ ]
23
+
10
24
  export type PaperTheme = typeof MD3DarkTheme | typeof DefaultTheme
11
25
 
12
26
  export function useLatest<T>(value: T) {
13
- const ref = React.useRef(value)
27
+ const ref = useRef(value)
14
28
  ref.current = value
15
29
  return ref
16
30
  }
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = Week;
7
- function Week() {
8
- return null;
9
- }
10
- //# sourceMappingURL=Week.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["Week"],"sourceRoot":"../../../src","sources":["Date/Week.tsx"],"mappings":";;;;;;AAAe,SAASA,IAAIA,CAAA,EAAG;EAC7B,OAAO,IAAI;AACb"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","_interopRequireWildcard","require","_reactNativePaper","_color","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useLatest","value","ref","useRef","current","useHeaderBackgroundColor","theme","useTheme","isV3","colors","surface","dark","mode","overlay","primary","useHeaderColorIsLight","background","Color","isLight","useHeaderTextColor","onSurfaceVariant","useTextColorOnPrimary","isDark","onSurface","onPrimary","range","start","end","Array","fill","map","_","lightenBy","color","ratio","lightness","darkenBy"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- export default function Week() {
2
- return null;
3
- }
4
- //# sourceMappingURL=Week.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["Week"],"sourceRoot":"../../../src","sources":["Date/Week.tsx"],"mappings":"AAAA,eAAe,SAASA,IAAIA,CAAA,EAAG;EAC7B,OAAO,IAAI;AACb"}
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","overlay","useTheme","Color","useLatest","value","ref","useRef","current","useHeaderBackgroundColor","theme","isV3","colors","surface","dark","mode","primary","useHeaderColorIsLight","background","isLight","useHeaderTextColor","onSurfaceVariant","useTextColorOnPrimary","isDark","onSurface","onPrimary","range","start","end","Array","fill","map","_","i","lightenBy","color","ratio","lightness","darkenBy"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export default function Week(): null;
2
- //# sourceMappingURL=Week.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Week.d.ts","sourceRoot":"","sources":["../../../src/Date/Week.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,IAAI,SAE3B"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,UAAU,GAAG,OAAO,YAAY,GAAG,OAAO,YAAY,CAAA;AAElE,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,6BAIpC;AAED,wBAAgB,wBAAwB,WAQvC;AAED,wBAAgB,qBAAqB,YAOpC;AAED,wBAAgB,kBAAkB,WAOjC;AAED,wBAAgB,qBAAqB,WAapC;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,YAI/C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;GAGpD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;GAGnD"}
package/src/Date/Week.tsx DELETED
@@ -1,3 +0,0 @@
1
- export default function Week() {
2
- return null
3
- }