bbcreation/datetimepicker

Fork of date/time picker component designed to work with Tailwind CSS and Momentjs

4.17.47 2017-02-28 14:32 UTC

Requires

• components/jquery: >=1.9.1
• moment/moment: >=2.10.5
• robloach/component-installer: *

MIT

• bootstrap
• DateTimePicker

README

Fork to use with Tailwind CSS / Turbolinks / Laravel LiveWire

Use with Turbolinks and Laravel LiveWire:

Script:

<script type="text/javascript">
    function Datepicker() {
        $('#datetimepicker').datetimepicker({
            format: 'YYYY-MM-DD H:mm'
        }).on("dp.change", function (e) {
            @this.set('pay_date', e.date);
        });
    };
    window.addEventListener('turbolinks:load', Datepicker);
</script>

HTML:

<label>
    <div wire:ignore>
        <input  type="text" class="form-input block w-full text-xs" placeholder="{{ __('Pay Date') }}"  id="datetimepicker">
    </div>
</label>

INFO:

Enter the code between and add height so that nothing obstructs:

<div style="position: relative; height: 90vh;></div>