@narmafzam/jalali-datepicker/src/es6/input.js

just a jalali-datepicker

let Helper = require('./helper');
let JalaliDateParser = require('./parser');
let PersianDate = require('../../bower_components/persian-date/dist/persian-date');

class Input {

    constructor(model, inputElement) {

        this.model = model;
        this._firstUpdate = true;
        this.elem = inputElement;

        if (this.model.options.observer) {
            this.observe();
        }
        this.addInitialClass();
        this.initialUnix = null;
        if (this.model.options.inline == false) {
            this._attachInputElementEvents();
        }
        return this;
    }


    addInitialClass() {
      //TODO pwt-datepicker-input-element changed
        $(this.elem).addClass('ui-datepicker-div');
    }

    parseInput(inputString) {
        let parse = new JalaliDateParser(),
            that = this;
        if (parse.parse(inputString) !== undefined) {
            let pd = this.model.JalaliDate.date(parse.parse(inputString)).valueOf();
            that.model.state.setSelectedDateTime('unix', pd);
            that.model.state.setViewDateTime('unix', pd);
            that.model.view.render();
        }
    }

    observe() {
        let that = this;
        $(that.elem).bind('paste', function (e) {
            Helper.delay(function () {
                that.parseInput(e.target.value);
            }, 60);
        });
        let typingTimer,
            doneTypingInterval = that.model.options.inputDelay,
            ctrlDown = false,
            ctrlKey = [17, 91], vKey = 86;

        $(document).keydown(function (e) {
            if ($.inArray(e.keyCode, ctrlKey) > 0)
                ctrlDown = true;
        }).keyup(function (e) {
            if ($.inArray(e.keyCode, ctrlKey) > 0)
                ctrlDown = false;
        });

        $(that.elem).bind('keyup', function (e) {
            let $self = $(this);
            let trueKey = false;
            if (e.keyCode === 8 || e.keyCode < 105 && e.keyCode > 96 || e.keyCode < 58 && e.keyCode > 47 || (ctrlDown && (e.keyCode == vKey || $.inArray(e.keyCode, ctrlKey) > 0  ))) {
                trueKey = true;
            }
            if (trueKey) {
                clearTimeout(typingTimer);
                typingTimer = setTimeout(function () {
                    doneTyping($self);
                }, doneTypingInterval);
            }
        });

        $(that.elem).on('keydown', function () {
            clearTimeout(typingTimer);
        });
        function doneTyping($self) {
            that.parseInput($self.val());
        }
    }

    _attachInputElementEvents() {
        let that = this;
        let closePickerHandler = function (e) {
            if (!$(e.target).is(that.elem) && !$(e.target).is(that.model.view.$container) &&
                $(e.target).closest('#' + that.model.view.$container.attr('id')).length == 0 && !$(e.target).is($(that.elem).children())) {
                that.model.api.hide();
                $('body').unbind('click', closePickerHandler);
            }
        };

        $(this.elem).on('focus click', Helper.debounce(function (evt) {
            that.model.api.show();
            if (that.model.state.ui.isInline === false) {
                $('body').unbind('click', closePickerHandler).bind('click', closePickerHandler);
            }
            if (Helper.isMobile) {
                $(this).blur();
            }
            evt.stopPropagation();
            return false;
        }, 200));

    }

    getInputPosition() {
        return $(this.elem).offset();
    }

    getInputSize() {
        return {
            width: $(this.elem).outerWidth(),
            height: $(this.elem).outerHeight()
        };
    }

    _updateAltField(unix) {
        let value = this.model.options.altFieldFormatter(unix);
        $(this.model.options.altField).val(value);
    }

    _updateInputField(unix) {
        let value = this.model.options.formatter(unix);
        if ($(this.elem).val() != value) {
            $(this.elem).val(value);
        }
    }

    update(unix) {
        if (this.model.options.initialValue == false && this._firstUpdate) {
            this._firstUpdate = false;
        } else {
            this._updateInputField(unix);
            this._updateAltField(unix);

        }
    }

    getOnInitState() {
        const persianDatePickerTimeRegex = '^([0-1][0-9]|2[0-3]):([0-5][0-9])(?::([0-5][0-9]))?$';
        let garegurianDate = null,
            $inputElem = $(this.elem),
            inputValue;

        // Define input value by check inline mode and input mode

        if ($inputElem[0].nodeName === 'INPUT') {
            inputValue = $inputElem[0].getAttribute('value');
        }
        else {
            inputValue = $inputElem.data('date');
        }

        // Check time string by regex
        if (inputValue && inputValue.match(persianDatePickerTimeRegex)) {
            let timeArray = inputValue.split(':'),
                tempDate = new Date();
            tempDate.setHours(timeArray[0]);
            tempDate.setMinutes(timeArray[1]);
            if (timeArray[2]) {
                tempDate.setSeconds(timeArray[2]);
            } else {
                tempDate.setSeconds(0);
            }
            this.initialUnix = tempDate.valueOf();
        }
        else {
            if (this.model.options.initialValueType === 'persian' && inputValue) {
                let parse = new JalaliDateParser();
                let pd = new PersianDate(parse.parse(inputValue)).valueOf();
                garegurianDate = new Date(pd).valueOf();
            } else if (inputValue) {
                garegurianDate = new Date(inputValue).valueOf();
            }

            if (garegurianDate && garegurianDate != 'undefined') {
                this.initialUnix = garegurianDate;
            }
            else {
                this.initialUnix = new Date().valueOf();
            }
        }
        return this.initialUnix;
    }

}

module.exports = Input;