date-selection-manager/src/date-selection-manager.js

This package takes care of date entries on HTML select elements. It prevents the entry of invalid dates like February 30, June 31, or February 29 on a non-leap year.

/***
  Author: Daniel Okwufulueze
  Date: 13/02/2016
*/

var dateManager = require('./DateManager');

module.exports = {
  dayConfigObject: function (configObject) {
    return {
      container: configObject.dayContainer || document,
      id: configObject.dayId || 'day',
      text: configObject.dayText || 'Day',
      value: configObject.dayValue || '',
      startDigit: configObject.dayStartDigit || 1,
      endDigit: configObject.dayEndDigit || 31,
      defaultValue: configObject.dayDefaultValue || '',
      changeEventCallback: configObject.dayChangeEventCallback || null,
    };
  },
  monthConfigObject: function (configObject) {
    return {
      container: configObject.monthContainer || document,
      id: configObject.monthId || 'month',
      text: configObject.monthText || 'Month',
      value: configObject.monthValue || '',
      startDigit: configObject.monthStartDigit || 1,
      endDigit: configObject.monthEndDigit || 12,
      defaultValue: configObject.monthDefaultValue || '',
      changeEventCallback: configObject.monthChangeEventCallback || null,
    };
  },
  yearConfigObject: function (configObject) {
    return {
      container: configObject.yearContainer || document,
      id: configObject.yearId || 'year',
      text: configObject.yearText || 'Year',
      value: configObject.yearValue || '',
      startDigit: configObject.yearStartDigit || 1940,
      endDigit: configObject.yearEndDigit || 2060,
      defaultValue: configObject.yearDefaultValue || '',
      changeEventCallback: configObject.yearChangeEventCallback || null,
    };
  },
  loadDate: function (configObject) {
    configObject = configObject === undefined ? {} : configObject;
    var daysObject = module.exports.createSelectObject({
      type: 'day',
      day: module.exports.dayConfigObject(configObject),
    });
    var monthsObject = module.exports.createSelectObject({
      type: 'month',
      month: module.exports.monthConfigObject(configObject),
    });
    var yearsObject = module.exports.createSelectObject({
      type: 'year',
      year: module.exports.yearConfigObject(configObject),
    });
    dateManager.loadInitialDate(daysObject, monthsObject, yearsObject);
  },
  createSelectObject: function (configObject) {
    configObject = configObject === undefined ? {} : configObject;
    return {
      selectElement: configObject[configObject.type].container.querySelector('select#' + configObject[configObject.type].id),
      initialOptionElementText: configObject[configObject.type].text,
      initialOptionElementValue: configObject[configObject.type].value,
      startDigit: configObject[configObject.type].startDigit,
      endDigit: configObject[configObject.type].endDigit,
      defaultValue: configObject[configObject.type].defaultValue,
      onChange: configObject[configObject.type].changeEventCallback,
    };
  },
  getMonthNames: function () {
    return dateManager.monthNames();
  }
};