secullum-react-native-ui 4.5.1-beta.12 → 4.5.1-beta.13

package/lib/components/DatePicker.js

@@ -92,7 +92,7 @@ class DatePicker extends React.Component {
             React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
                 React.createElement(react_native_1.View, null,
                     React.createElement(react_native_1.Text, { style: styles.label }, label),
-                    React.createElement(react_native_1.Text, { style: styles.value }, value ? (0, format_1.formatDate)(value, 'dddd, DD/MM/YYYY') : '')),
+                    React.createElement(react_native_1.Text, { style: styles.value }, value ? (0, format_1.formatDate)(value, 'dddd, dd/MM/yyyy') : '')),
                 !disabled && (React.createElement(ImageButton_1.ImageButton, { icon: value && clearable ? 'times' : 'calendar', style: styles.clearIcon, iconColor: value && clearable ? theme.textColor1 : theme.textColor2, onPress: value && clearable ? this.handleClear : this.handlePress, hitBoxSize: 30 })),
                 react_native_1.Platform.OS !== 'web' && (React.createElement(react_native_modal_datetime_picker_1.default, { date: value || undefined, isVisible: showModal, onConfirm: this.handleConfirm, onCancel: this.handleCancel, isDarkModeEnabled: isDarkModeEnabled, 
                     //@ts-ignore

package/lib/components/DatePicker.web.js

@@ -102,5 +102,5 @@ class DatePicker extends React.Component {
 exports.DatePicker = DatePicker;
 DatePicker.defaultProps = {
     clearable: true,
-    dateFormat: 'dddd, DD/MM/YYYY'
+    dateFormat: 'dddd, dd/MM/yyyy'
 };

package/lib/components/RangeDatePicker.js

@@ -103,7 +103,7 @@ class RangeDatePicker extends React.Component {
     render() {
         const { label, startDate, endDate, style, nativeID } = this.props;
         const { showStartDateModal, showEndDateModal, isDarkModeEnabled } = this.state;
-        const displayFormat = 'MMM D, YYYY';
+        const displayFormat = 'MMM D, yyyy';
         const displayText = (0, format_1.formatDate)(startDate, displayFormat) +
             ' - ' +
             (0, format_1.formatDate)(endDate, displayFormat);

package/lib/components/RangeDatePicker.web.js

@@ -88,7 +88,7 @@ class RangeDatePicker extends React.Component {
     render() {
         const { label, startDate, endDate, style, nativeID } = this.props;
         const { showStartDateModal } = this.state;
-        const displayFormat = 'MMM D, YYYY';
+        const displayFormat = 'MMM d, yyyy';
         const displayText = (0, format_1.formatDate)(startDate, displayFormat) +
             ' - ' +
             (0, format_1.formatDate)(endDate, displayFormat);

package/lib/modules/format.js

@@ -90,9 +90,10 @@ const fixSpanishLowercase = (formattedDate) => {
     return formattedDate;
 };
 const formatDate = (date, format) => {
-    const formattedDate = (0, date_fns_1.format)(date, format, {
-        locale: (0, exports.getDateFnsLocale)()
-    });
+    console.log(date);
+    const local = (0, exports.getDateFnsLocale)();
+    console.log(local);
+    const formattedDate = (0, date_fns_1.format)(date, format, local);
     switch (currentLocale) {
         case 'pt':
             return fixPortugueseLowercase(formattedDate);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "secullum-react-native-ui",
-  "version": "4.5.1-beta.12",
+  "version": "4.5.1-beta.13",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@react-native-community/datetimepicker": "^3.0.9",
-    "date-fns": "^2.1.0",
+    "date-fns": "^2.29.3",
     "react-date-range": "^1.4.0",
     "react-native-drawer-layout": "^2.0.0",
     "react-native-elevated-view": "^0.0.6",