secullum-react-native-ui 4.5.1-beta.3 → 4.6.0

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, 'cccc, 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

@@ -96,11 +96,11 @@ class DatePicker extends React.Component {
                             marginTop: '-150px',
                             fontFamily: theme.fontFamily1
                         } },
-                        React.createElement(react_date_range_1.Calendar, { locale: (0, format_1.getDateFnsLocale)(), date: value, onChange: this.handleConfirm }))))));
+                        React.createElement(react_date_range_1.Calendar, { locale: (0, format_1.getDateFnsLocale)(), date: value, onChange: this.handleConfirm, weekdayDisplayFormat: (0, format_1.getLocale)() === 'pt' ? 'EEEEEE' : 'E' }))))));
     }
 }
 exports.DatePicker = DatePicker;
 DatePicker.defaultProps = {
     clearable: true,
-    dateFormat: 'dddd, DD/MM/YYYY'
+    dateFormat: 'cccc, 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);
@@ -114,7 +114,7 @@ class RangeDatePicker extends React.Component {
                                     endDate: endDate,
                                     key: 'selection'
                                 }
-                            ], rangeColors: [theme.backgroundColor3], onChange: this.handleRangeDateConfirm }))))));
+                            ], rangeColors: [theme.backgroundColor3], onChange: this.handleRangeDateConfirm, weekdayDisplayFormat: (0, format_1.getLocale)() === 'pt' ? 'EEEEEE' : 'E' }))))));
     }
 }
 exports.RangeDatePicker = RangeDatePicker;

package/lib/modules/format.d.ts

@@ -3,4 +3,4 @@ export declare const setLocale: (locale: Locale) => void;
 export declare const getLocale: () => Locale;
 export declare const parseDate: (date: string, format: string) => Date;
 export declare const getDateFnsLocale: () => any;
-export declare const formatDate: (date: Date, format: string) => string;
+export declare const formatDate: (date: Date | string, format: string) => string;

package/lib/modules/format.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatDate = exports.getDateFnsLocale = exports.parseDate = exports.getLocale = exports.setLocale = void 0;
 const date_fns_1 = require("date-fns");
 const dfnslocales = {
-    pt: require('date-fns/locale/pt'),
+    pt: require('date-fns/locale/pt-BR'),
     en: require('date-fns/locale/en-US'),
     es: require('date-fns/locale/es')
 };
@@ -21,14 +21,19 @@ const parseDate = (date, format) => {
 };
 exports.parseDate = parseDate;
 const getDateFnsLocale = () => {
+    let fnsLocate = dfnslocales.en;
     switch (currentLocale) {
         case 'pt':
-            return dfnslocales.pt;
+            fnsLocate = dfnslocales.pt;
+            break;
         case 'es':
-            return dfnslocales.es;
-        default:
-            return dfnslocales.en;
+            fnsLocate = dfnslocales.es;
+            break;
+    }
+    if (fnsLocate.default) {
+        return fnsLocate.default;
     }
+    return fnsLocate;
 };
 exports.getDateFnsLocale = getDateFnsLocale;
 const fixPortugueseLowercase = (formattedDate) => {
@@ -90,7 +95,7 @@ const fixSpanishLowercase = (formattedDate) => {
     return formattedDate;
 };
 const formatDate = (date, format) => {
-    const formattedDate = (0, date_fns_1.format)(date, format, {
+    const formattedDate = (0, date_fns_1.format)(typeof date === 'string' ? new Date(date) : date, format, {
         locale: (0, exports.getDateFnsLocale)()
     });
     switch (currentLocale) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "secullum-react-native-ui",
-  "version": "4.5.1-beta.3",
+  "version": "4.6.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [
@@ -20,8 +20,8 @@
   },
   "dependencies": {
     "@react-native-community/datetimepicker": "^3.0.9",
-    "date-fns": "2.0.0-alpha.7",
-    "react-date-range": "^1.0.0-beta",
+    "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",
     "react-native-masked-text": "^1.7.2",