@idealyst/datepicker 1.2.9 → 1.2.11

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 (5) hide show
  1. package/package.json +3 -3
  2. package/src/DateInput.native.tsx +2 -2
  3. package/src/DatePicker.native.tsx +6 -6
  4. package/src/TimeInput.native.tsx +2 -2
  5. package/src/TimePicker.native.tsx +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@idealyst/datepicker",
3
- "version": "1.2.9",
3
+ "version": "1.2.11",
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.9",
39
+ "@idealyst/theme": "^1.2.11",
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.9",
72
+ "@idealyst/theme": "^1.2.11",
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 MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
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
- <MaterialCommunityIcons name="calendar" size={18} style={iconStyle} />
106
+ <MaterialDesignIcons name="calendar" size={18} style={iconStyle} />
107
107
  </TouchableOpacity>
108
108
  </View>
109
109
  {error && (
package/src/DatePicker.native.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useMemo, useState } from 'react';
2
2
  import { View, Text, TouchableOpacity } from 'react-native';
3
- import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
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
- <MaterialCommunityIcons name="chevron-left" size={16} style={iconStyle} />
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
- <MaterialCommunityIcons name="chevron-left" size={16} style={iconStyle} />
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
- <MaterialCommunityIcons name="chevron-right" size={16} style={iconStyle} />
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
- <MaterialCommunityIcons name="chevron-left" size={16} style={iconStyle} />
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
- <MaterialCommunityIcons name="chevron-right" size={16} style={iconStyle} />
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 MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
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
- <MaterialCommunityIcons name="clock-outline" size={18} style={iconStyle} />
126
+ <MaterialDesignIcons name="clock-outline" size={18} style={iconStyle} />
127
127
  </TouchableOpacity>
128
128
  </View>
129
129
  {error && (
package/src/TimePicker.native.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { View, Text, TouchableOpacity } from 'react-native';
3
- import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
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
- <MaterialCommunityIcons name="chevron-up" size={20} style={iconStyle} />
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
- <MaterialCommunityIcons name="chevron-down" size={20} style={iconStyle} />
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
- <MaterialCommunityIcons name="chevron-up" size={20} style={iconStyle} />
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
- <MaterialCommunityIcons name="chevron-down" size={20} style={iconStyle} />
114
+ <MaterialDesignIcons name="chevron-down" size={20} style={iconStyle} />
115
115
  </TouchableOpacity>
116
116
  </View>
117
117