JSFiddle - React, Tailwind, and code Playground

by moojjoo

JavaScript

function bindDates(effDate, endDate, attrType) {
        //Declare variables to be used in the JavaScript Function
        var effDateID = effDate.get_id();
        var endDateID = endDate.get_id();
        var tmp = attrType;

        //RBD THIS IS KEY TO THE DATEPICKER BOXES>>>>>>>> THIS IS THE KEY -------------  TRY TO BREAK UP>>>>>>>>>
        //$(effDate.get_element()).on('validDateEntered', { effID: effDateID, endID: endDateID, type: tmp }, function (evt) {
        //    setEffectiveDates($find(evt.data.effID), $find(evt.data.endID), evt.data.type);
        //});

        $(effDate.get_element()).on('validDateEntered', { effID: effDateID, endID: endDateID, type: tmp }, function (evt) {
            setEffectiveDates($find(evt.data.effID), $find(evt.data.endID), evt.data.type);
        });

        effDate.add_dateSelected(function (sender, args) {
            validateDatesRange(effDate, endDate);
        });

        effDate.get_dateInput().add_blur(function (sender, args) {
            validateDatesRange(effDate, endDate);
        });

        endDate.add_dateSelected(function (sender, args) {
            validateDatesRange(effDate, endDate);
        });

        endDate.get_dateInput().add_blur(function (sender, args) {
            validateDatesRange(effDate, endDate);
        });
    }