dhre-ui-kit 0.0.151 → 0.0.153
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/lib/index.js +13 -6
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +13 -6
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -249,7 +249,7 @@ const ThemeProvider = ({ children }) => {
|
|
|
249
249
|
acc[key] = theme[key][mode];
|
|
250
250
|
return acc;
|
|
251
251
|
}, {});
|
|
252
|
-
return /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value: { theme: filteredTheme } }, children);
|
|
252
|
+
return /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value: { theme: filteredTheme, mode } }, children);
|
|
253
253
|
};
|
|
254
254
|
const useTheme = () => {
|
|
255
255
|
const context = useContext(ThemeContext);
|
|
@@ -2721,7 +2721,7 @@ const DateRangePicker = (props) => {
|
|
|
2721
2721
|
startDate: "",
|
|
2722
2722
|
endDate: ""
|
|
2723
2723
|
});
|
|
2724
|
-
const { theme } = useTheme();
|
|
2724
|
+
const { theme, mode } = useTheme();
|
|
2725
2725
|
const onDayPress = (day) => {
|
|
2726
2726
|
const { dateString } = day;
|
|
2727
2727
|
const { startDate, endDate } = selectedRange;
|
|
@@ -2745,7 +2745,7 @@ const DateRangePicker = (props) => {
|
|
|
2745
2745
|
start.setDate(start.getDate() + 1);
|
|
2746
2746
|
markedDates[start.toISOString().split("T")[0]] = {
|
|
2747
2747
|
color: theme.SUCCESS,
|
|
2748
|
-
textColor: theme.
|
|
2748
|
+
textColor: theme.CONTENT_INVERTED
|
|
2749
2749
|
};
|
|
2750
2750
|
}
|
|
2751
2751
|
}
|
|
@@ -2754,7 +2754,10 @@ const DateRangePicker = (props) => {
|
|
|
2754
2754
|
startingDay: true,
|
|
2755
2755
|
color: theme.SUCCESS,
|
|
2756
2756
|
textColor: theme.CONTENT_INVERTED,
|
|
2757
|
-
customContainerStyle: { backgroundColor: theme.SURFACE_INVERTED }
|
|
2757
|
+
customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
|
|
2758
|
+
borderWidth: moderateScale(2),
|
|
2759
|
+
borderColor: theme.SURFACE_PRIMARY
|
|
2760
|
+
}
|
|
2758
2761
|
};
|
|
2759
2762
|
}
|
|
2760
2763
|
if (endDate) {
|
|
@@ -2762,7 +2765,10 @@ const DateRangePicker = (props) => {
|
|
|
2762
2765
|
endingDay: true,
|
|
2763
2766
|
color: theme.SUCCESS,
|
|
2764
2767
|
textColor: theme.CONTENT_INVERTED,
|
|
2765
|
-
customContainerStyle: { backgroundColor: theme.SURFACE_INVERTED }
|
|
2768
|
+
customContainerStyle: mode === "dark" ? { backgroundColor: theme.SURFACE_INVERTED } : {
|
|
2769
|
+
borderWidth: moderateScale(2),
|
|
2770
|
+
borderColor: theme.SURFACE_PRIMARY
|
|
2771
|
+
}
|
|
2766
2772
|
};
|
|
2767
2773
|
}
|
|
2768
2774
|
return markedDates;
|
|
@@ -2779,7 +2785,8 @@ const DateRangePicker = (props) => {
|
|
|
2779
2785
|
arrowColor: theme.CONTENT_PRIMARY,
|
|
2780
2786
|
monthTextColor: theme.CONTENT_PRIMARY,
|
|
2781
2787
|
dayTextColor: theme.CONTENT_SECONDRY,
|
|
2782
|
-
todayTextColor: theme.SUCCESS
|
|
2788
|
+
todayTextColor: theme.SUCCESS,
|
|
2789
|
+
textDisabledColor: theme.CONTENT_DISABLE
|
|
2783
2790
|
},
|
|
2784
2791
|
style: {
|
|
2785
2792
|
backgroundColor: theme.SURFACE_TERTIARY,
|