@draftbit/core 47.2.11-5f8a30.2 → 47.2.12-7e3c5f.2

package/lib/typescript/src/components/DatePicker/DatePickerComponentType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerComponentType.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePickerComponentType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAE9C,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACnC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;CACtB"}
+{"version":3,"file":"DatePickerComponentType.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/DatePickerComponentType.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,2BAA2B,CAAC;AAE9C,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACnC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;CACtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "47.2.11-5f8a30.2+5f8a302",
+  "version": "47.2.12-7e3c5f.2+7e3c5fb",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^47.2.11-5f8a30.2+5f8a302",
+    "@draftbit/types": "^47.2.12-7e3c5f.2+7e3c5fb",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.2.4",
@@ -59,7 +59,7 @@
     "react-native-modal-datetime-picker": "^13.0.0",
     "react-native-pager-view": "6.0.1",
     "react-native-reanimated": "~2.12.0",
-    "react-native-shadow-2": "^7.0.6",
+    "react-native-shadow-2": "^7.0.7",
     "react-native-svg": "13.4.0",
     "react-native-swipe-list-view": "^3.2.9",
     "react-native-tab-view": "^3.4.0",
@@ -94,5 +94,5 @@
     "node_modules/",
     "lib/"
   ],
-  "gitHead": "5f8a30290b61bb27d3828f4f5ad2974e92b2cf66"
+  "gitHead": "7e3c5fb0356e5f508ba9d4b9eff6b16b81cd7efe"
 }

package/src/components/DatePicker/DatePicker.js

@@ -25,7 +25,7 @@ const MONTHS = [
     "November",
     "December",
 ];
-const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, autoDismissKeyboard = true, ...props }) => {
+const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disabledOpacity }, date, onDateChange = () => { }, defaultValue, disabled = false, mode = "date", format, type = "underline", leftIconName, rightIconName, leftIconMode = "inset", label, labelSize, labelColor, placeholder, borderColor: inputBorderColor, borderColorActive: inputBorderColorActive, autoDismissKeyboard = true, minimumDate, maximumDate, ...props }) => {
     const [value, setValue] = React.useState(date || defaultValue);
     React.useEffect(() => {
         if (defaultValue != null) {
@@ -339,7 +339,7 @@ const DatePicker = ({ Icon, style, theme: { colors, typography, roundness, disab
                             paddingRight: insets.right,
                         },
                     ] },
-                    React.createElement(DateTimePicker, { value: getValidDate(), mode: mode, isVisible: pickerVisible, toggleVisibility: toggleVisibility, onChange: (_event, data) => {
+                    React.createElement(DateTimePicker, { value: getValidDate(), mode: mode, isVisible: pickerVisible, toggleVisibility: toggleVisibility, minimumDate: minimumDate, maximumDate: maximumDate, onChange: (_event, data) => {
                             toggleVisibility();
                             setValue(data);
                             onDateChange(data);

package/src/components/DatePicker/DatePicker.tsx

@@ -57,6 +57,8 @@ type Props = {
   borderColor?: string;
   borderColorActive?: string;
   autoDismissKeyboard?: boolean;
+  minimumDate?: Date;
+  maximumDate?: Date;
 } & IconSlot &
   TextInputProps;
 
@@ -96,6 +98,8 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
   borderColor: inputBorderColor,
   borderColorActive: inputBorderColorActive,
   autoDismissKeyboard = true,
+  minimumDate,
+  maximumDate,
   ...props
 }) => {
   const [value, setValue] = React.useState<any>(date || defaultValue);
@@ -527,6 +531,8 @@ const DatePicker: React.FC<React.PropsWithChildren<Props>> = ({
                 mode={mode}
                 isVisible={pickerVisible}
                 toggleVisibility={toggleVisibility}
+                minimumDate={minimumDate}
+                maximumDate={maximumDate}
                 onChange={(_event: any, data: any) => {
                   toggleVisibility();
                   setValue(data);

package/src/components/DatePicker/DatePickerComponent.js

@@ -2,12 +2,12 @@ import React from "react";
 import { Platform } from "react-native";
 import DateTimePicker from "@react-native-community/datetimepicker";
 import DateTimePickerModal from "react-native-modal-datetime-picker";
-const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, }) => {
-    return Platform.OS === "ios" || Platform.OS === "android" ? (React.createElement(DateTimePickerModal, { date: value, mode: mode, isVisible: true, display: Platform.OS === "ios" ? "spinner" : "default", onCancel: () => {
+const DatePickerComponent = ({ value, onChange, mode, minimumDate, maximumDate, toggleVisibility, }) => {
+    return Platform.OS === "ios" || Platform.OS === "android" ? (React.createElement(DateTimePickerModal, { date: value, mode: mode, isVisible: true, display: Platform.OS === "ios" ? "spinner" : "default", minimumDate: minimumDate, maximumDate: maximumDate, onCancel: () => {
             console.log("Picker cancelled before selecting anything.");
             toggleVisibility();
         }, onConfirm: (data) => {
             onChange(null, data);
-        } })) : (React.createElement(DateTimePicker, { value: value, mode: mode, onChange: onChange, display: "default" }));
+        } })) : (React.createElement(DateTimePicker, { value: value, mode: mode, onChange: onChange, display: "default", minimumDate: minimumDate, maximumDate: maximumDate }));
 };
 export default DatePickerComponent;

package/src/components/DatePicker/DatePickerComponent.tsx

@@ -8,6 +8,8 @@ const DatePickerComponent: React.FC<React.PropsWithChildren<Props>> = ({
   value,
   onChange,
   mode,
+  minimumDate,
+  maximumDate,
   toggleVisibility,
 }) => {
   return Platform.OS === "ios" || Platform.OS === "android" ? (
@@ -16,6 +18,8 @@ const DatePickerComponent: React.FC<React.PropsWithChildren<Props>> = ({
       mode={mode}
       isVisible={true}
       display={Platform.OS === "ios" ? "spinner" : "default"}
+      minimumDate={minimumDate}
+      maximumDate={maximumDate}
       onCancel={() => {
         console.log("Picker cancelled before selecting anything.");
         toggleVisibility();
@@ -30,6 +34,8 @@ const DatePickerComponent: React.FC<React.PropsWithChildren<Props>> = ({
       mode={mode}
       onChange={onChange}
       display={"default"}
+      minimumDate={minimumDate}
+      maximumDate={maximumDate}
     />
   );
 };

package/src/components/DatePicker/DatePickerComponent.web.js

@@ -4,7 +4,7 @@ import { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from
 import { createMuiTheme, ThemeProvider } from "@material-ui/core/styles";
 import { withTheme } from "../../theming";
 import Theme from "../../styles/DefaultTheme";
-const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, theme, }) => {
+const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, minimumDate, maximumDate, theme, }) => {
     const internalTheme = createMuiTheme({
         palette: {
             primary: {
@@ -25,6 +25,6 @@ const DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisibl
             React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {
                     toggleVisibility();
                     onChange(null, d);
-                }, onClose: () => toggleVisibility(), variant: "dialog", TextFieldComponent: () => null }))));
+                }, onClose: () => toggleVisibility(), variant: "dialog", TextFieldComponent: () => null, minDate: minimumDate, maxDate: maximumDate }))));
 };
 export default withTheme(DatePickerComponent);

package/src/components/DatePicker/DatePickerComponent.web.tsx

@@ -17,6 +17,8 @@ const DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({
   mode,
   toggleVisibility,
   isVisible,
+  minimumDate,
+  maximumDate,
   theme,
 }) => {
   const internalTheme = createMuiTheme({
@@ -50,6 +52,8 @@ const DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({
           onClose={() => toggleVisibility()}
           variant="dialog"
           TextFieldComponent={() => null}
+          minDate={minimumDate}
+          maxDate={maximumDate}
         />
       </ThemeProvider>
     </MuiPickersUtilsProvider>

package/src/components/DatePicker/DatePickerComponentType.ts

@@ -6,5 +6,7 @@ export interface DatePickerComponentProps {
   mode: "date" | "time" | "datetime";
   toggleVisibility: () => void;
   isVisible?: boolean;
+  minimumDate?: Date;
+  maximumDate?: Date;
   theme?: typeof theme;
 }