react-native-calendar-box/lib/Date.js

react-native calendar picker with box

'use strict';

exports.__esModule = true;
exports.default = DateView;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _immutableDatetime = require('immutable-datetime');

var _immutableDatetime2 = _interopRequireDefault(_immutableDatetime);

var _reactNative = require('react-native');

var _CalendarStyle = require('./Calendar-style');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function DateView(props) {
  var day = props.day,
      onDateSelect = props.onDateSelect;

  var todayBoxStyle = _CalendarStyle.stylesDate.dateNotToday;
  var todayTextStyle = _CalendarStyle.stylesDate.dateText;
  var onPress = function onPress() {
    onDateSelect(day);
  };
  var dateView = void 0;
  if (day != null) {
    if (day.toDateString() === _immutableDatetime2.default.now().toDateString()) {
      todayBoxStyle = _CalendarStyle.stylesDate.dateToday;
      todayTextStyle = _CalendarStyle.stylesDate.todayDateText;
    }
    dateView = _react2.default.createElement(
      _reactNative.TouchableHighlight,
      { style: todayBoxStyle, onPress: onPress, underlayColor: '#25aa0f' },
      _react2.default.createElement(
        _reactNative.View,
        { style: _CalendarStyle.stylesDate.date },
        _react2.default.createElement(
          _reactNative.Text,
          { style: todayTextStyle },
          day.getDate()
        )
      )
    );
  } else {
    dateView = _react2.default.createElement(
      _reactNative.View,
      { style: todayBoxStyle },
      _react2.default.createElement(
        _reactNative.View,
        { style: _CalendarStyle.stylesDate.date },
        _react2.default.createElement(
          _reactNative.Text,
          null,
          ' '
        )
      )
    );
  }
  return _react2.default.createElement(
    _reactNative.View,
    { style: _CalendarStyle.stylesDate.dateContainer },
    dateView
  );
}