Contents

import {Controller} from "@hotwired/stimulus"

export default class extends Controller {
    static get targets() {
        return ["dateInput", "startDateInput", "endDateInput"]
    }

    update(event) {
        const flatpickr = event.target._flatpickr
        const startDate = flatpickr.selectedDates[0]
        const endDate = flatpickr.selectedDates[1]

        this.setStartDateInputValue(this.formatDate(startDate))
        this.setEndDateInputValue(this.formatDate(endDate))
    }

    setStartDateInputValue(value) {
        this.startDateInputTarget.value = value
    }

    setEndDateInputValue(value) {
        this.endDateInputTarget.value = value
    }

    formatDate(date) {
        if(date instanceof Date) {
            return date.toLocaleDateString('nl-BE', {day: '2-digit', month: '2-digit', year: 'numeric'})
        } else {
            return null;
        }
    }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version	Path
headmin-0.3.4	app/assets/javascripts/headmin/controllers/date_range_controller.js
headmin-0.3.3	app/assets/javascripts/headmin/controllers/date_range_controller.js
headmin-0.3.2	app/assets/javascripts/headmin/controllers/date_range_controller.js
headmin-0.3.1	app/assets/javascripts/headmin/controllers/date_range_controller.js