Merge pull request xgfe#234 from tbergq/moment-with-locales

Use moment with locales

Author: feyy

__tests__/Datepicker.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {Platform, Animated, DatePickerAndroid, Modal, View} from 'react-native';
 import Enzyme, {shallow} from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
-import Moment from 'moment';
+import Moment from 'moment/min/moment-with-locales';
 import DatePicker from '../datepicker.js';
 
 Enzyme.configure({adapter: new Adapter()});
@@ -354,4 +354,11 @@ describe('Coverage', () => {
 
     wrapper.find('DatePickerIOS').simulate('dateChange');
   });
+
+  it('Sets locale', () => {
+    jest.spyOn(Moment, 'locale');
+    shallow(<DatePicker locale="es" />);
+
+    expect(Moment.locale).toHaveBeenCalledWith('es');
+  });
 });

datepicker.js

@@ -14,7 +14,7 @@ import {
   Keyboard
 } from 'react-native';
 import Style from './style';
-import Moment from 'moment';
+import Moment from 'moment/min/moment-with-locales';
 
 const FORMATS = {
   'date': 'YYYY-MM-DD',
@@ -50,6 +50,12 @@ class DatePicker extends Component {
     this.setModalVisible = this.setModalVisible.bind(this);
   }
 
+  componentDidMount() {
+    if (this.props.locale) {
+      Moment.locale(this.props.locale);
+    }
+  }
+
   componentWillReceiveProps(nextProps) {
     if (nextProps.date !== this.props.date) {
       this.setState({date: this.getDate(nextProps.date)});