@idealyst/datepicker 1.2.9 → 1.2.12
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@idealyst/datepicker",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.12",
|
|
4
4
|
"description": "Cross-platform date and time picker components for React and React Native",
|
|
5
5
|
"documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/datepicker#readme",
|
|
6
6
|
"readme": "README.md",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"publish:npm": "npm publish"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@idealyst/theme": "^1.2.
|
|
39
|
+
"@idealyst/theme": "^1.2.12",
|
|
40
40
|
"@mdi/js": ">=7.0.0",
|
|
41
41
|
"@mdi/react": ">=1.6.0",
|
|
42
42
|
"react": ">=16.8.0",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
"devDependencies": {
|
|
72
|
-
"@idealyst/theme": "^1.2.
|
|
72
|
+
"@idealyst/theme": "^1.2.12",
|
|
73
73
|
"@mdi/js": "^7.4.47",
|
|
74
74
|
"@mdi/react": "^1.6.1",
|
|
75
75
|
"@types/react": "^19.1.0",
|
package/src/DateInput.native.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { View, Text, TextInput, TouchableOpacity, Modal } from 'react-native';
|
|
3
|
-
import
|
|
3
|
+
import MaterialDesignIcons from '@react-native-vector-icons/material-design-icons';
|
|
4
4
|
import { DatePicker } from './DatePicker';
|
|
5
5
|
import { dateTimeInputStyles } from './InputStyles';
|
|
6
6
|
import type { DateInputProps } from './types';
|
|
@@ -103,7 +103,7 @@ export const DateInput: React.FC<DateInputProps> = ({
|
|
|
103
103
|
onPress={() => !disabled && setOpen(true)}
|
|
104
104
|
disabled={disabled}
|
|
105
105
|
>
|
|
106
|
-
<
|
|
106
|
+
<MaterialDesignIcons name="calendar" size={18} style={iconStyle} />
|
|
107
107
|
</TouchableOpacity>
|
|
108
108
|
</View>
|
|
109
109
|
{error && (
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useMemo, useState } from 'react';
|
|
2
2
|
import { View, Text, TouchableOpacity } from 'react-native';
|
|
3
|
-
import
|
|
3
|
+
import MaterialDesignIcons from '@react-native-vector-icons/material-design-icons';
|
|
4
4
|
import { datePickerCalendarStyles } from './DatePicker.styles';
|
|
5
5
|
import type { DatePickerProps } from './types';
|
|
6
6
|
|
|
@@ -154,7 +154,7 @@ export const DatePicker: React.FC<DatePickerProps> = ({
|
|
|
154
154
|
onPress={() => setViewMode('calendar')}
|
|
155
155
|
disabled={disabled}
|
|
156
156
|
>
|
|
157
|
-
<
|
|
157
|
+
<MaterialDesignIcons name="chevron-left" size={16} style={iconStyle} />
|
|
158
158
|
</TouchableOpacity>
|
|
159
159
|
<TouchableOpacity
|
|
160
160
|
style={titleButtonStyle}
|
|
@@ -204,7 +204,7 @@ export const DatePicker: React.FC<DatePickerProps> = ({
|
|
|
204
204
|
onPress={goToPrevYearRange}
|
|
205
205
|
disabled={disabled}
|
|
206
206
|
>
|
|
207
|
-
<
|
|
207
|
+
<MaterialDesignIcons name="chevron-left" size={16} style={iconStyle} />
|
|
208
208
|
</TouchableOpacity>
|
|
209
209
|
<Text style={titleTextStyle}>
|
|
210
210
|
{yearRange[0]} - {yearRange[yearRange.length - 1]}
|
|
@@ -214,7 +214,7 @@ export const DatePicker: React.FC<DatePickerProps> = ({
|
|
|
214
214
|
onPress={goToNextYearRange}
|
|
215
215
|
disabled={disabled}
|
|
216
216
|
>
|
|
217
|
-
<
|
|
217
|
+
<MaterialDesignIcons name="chevron-right" size={16} style={iconStyle} />
|
|
218
218
|
</TouchableOpacity>
|
|
219
219
|
</View>
|
|
220
220
|
<View style={yearGridStyle}>
|
|
@@ -256,7 +256,7 @@ export const DatePicker: React.FC<DatePickerProps> = ({
|
|
|
256
256
|
onPress={goToPrevMonth}
|
|
257
257
|
disabled={disabled}
|
|
258
258
|
>
|
|
259
|
-
<
|
|
259
|
+
<MaterialDesignIcons name="chevron-left" size={16} style={iconStyle} />
|
|
260
260
|
</TouchableOpacity>
|
|
261
261
|
<TouchableOpacity
|
|
262
262
|
style={titleButtonStyle}
|
|
@@ -272,7 +272,7 @@ export const DatePicker: React.FC<DatePickerProps> = ({
|
|
|
272
272
|
onPress={goToNextMonth}
|
|
273
273
|
disabled={disabled}
|
|
274
274
|
>
|
|
275
|
-
<
|
|
275
|
+
<MaterialDesignIcons name="chevron-right" size={16} style={iconStyle} />
|
|
276
276
|
</TouchableOpacity>
|
|
277
277
|
</View>
|
|
278
278
|
|
package/src/TimeInput.native.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { View, Text, TextInput, TouchableOpacity, Modal } from 'react-native';
|
|
3
|
-
import
|
|
3
|
+
import MaterialDesignIcons from '@react-native-vector-icons/material-design-icons';
|
|
4
4
|
import { TimePicker } from './TimePicker';
|
|
5
5
|
import { dateTimeInputStyles } from './InputStyles';
|
|
6
6
|
import type { TimeInputProps } from './types';
|
|
@@ -123,7 +123,7 @@ export const TimeInput: React.FC<TimeInputProps> = ({
|
|
|
123
123
|
onPress={() => !disabled && setOpen(true)}
|
|
124
124
|
disabled={disabled}
|
|
125
125
|
>
|
|
126
|
-
<
|
|
126
|
+
<MaterialDesignIcons name="clock-outline" size={18} style={iconStyle} />
|
|
127
127
|
</TouchableOpacity>
|
|
128
128
|
</View>
|
|
129
129
|
{error && (
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { View, Text, TouchableOpacity } from 'react-native';
|
|
3
|
-
import
|
|
3
|
+
import MaterialDesignIcons from '@react-native-vector-icons/material-design-icons';
|
|
4
4
|
import { timePickerStyles } from './TimePicker.styles';
|
|
5
5
|
import type { TimePickerProps } from './types';
|
|
6
6
|
|
|
@@ -75,7 +75,7 @@ export const TimePicker: React.FC<TimePickerProps> = ({
|
|
|
75
75
|
onPress={incrementHours}
|
|
76
76
|
disabled={disabled}
|
|
77
77
|
>
|
|
78
|
-
<
|
|
78
|
+
<MaterialDesignIcons name="chevron-up" size={20} style={iconStyle} />
|
|
79
79
|
</TouchableOpacity>
|
|
80
80
|
<Text style={timeValueStyle}>
|
|
81
81
|
{String(displayHours).padStart(2, '0')}
|
|
@@ -85,7 +85,7 @@ export const TimePicker: React.FC<TimePickerProps> = ({
|
|
|
85
85
|
onPress={decrementHours}
|
|
86
86
|
disabled={disabled}
|
|
87
87
|
>
|
|
88
|
-
<
|
|
88
|
+
<MaterialDesignIcons name="chevron-down" size={20} style={iconStyle} />
|
|
89
89
|
</TouchableOpacity>
|
|
90
90
|
</View>
|
|
91
91
|
|
|
@@ -101,7 +101,7 @@ export const TimePicker: React.FC<TimePickerProps> = ({
|
|
|
101
101
|
onPress={incrementMinutes}
|
|
102
102
|
disabled={disabled}
|
|
103
103
|
>
|
|
104
|
-
<
|
|
104
|
+
<MaterialDesignIcons name="chevron-up" size={20} style={iconStyle} />
|
|
105
105
|
</TouchableOpacity>
|
|
106
106
|
<Text style={timeValueStyle}>
|
|
107
107
|
{String(minutes).padStart(2, '0')}
|
|
@@ -111,7 +111,7 @@ export const TimePicker: React.FC<TimePickerProps> = ({
|
|
|
111
111
|
onPress={decrementMinutes}
|
|
112
112
|
disabled={disabled}
|
|
113
113
|
>
|
|
114
|
-
<
|
|
114
|
+
<MaterialDesignIcons name="chevron-down" size={20} style={iconStyle} />
|
|
115
115
|
</TouchableOpacity>
|
|
116
116
|
</View>
|
|
117
117
|
|