DatepickerWrapper

This package is a wrapper around Vue2-Datepicker.

Documentation

Visit: https://mengxiong10.github.io/

Features & characteristics:

• Single date
• Date Ranges
• Formatting
• Hidden field with formatted date values for form usages

Install

npm i @dcodegroup-au/vue-datepicker

Configuration Options

The Vue2 datepicker supports the following formats: date|datetime|year|month|time|week. We are currently only supporting date and date ranges with this wrapper.

The format value defined by the user determines the format for value prop data passed in. For date ranges, an array of 2 correctly formatted date items is required for the value prop.

example.vue.js

<datepicker-wrapper
  :value="dateData"
  :is-range="true"
></datepicker-wrapper>

example.blade.php

<datepicker-wrapper
  :value="{{ json_encode([Carbon\Carbon::now()->format('d/m/Y'), Carbon\Carbon::now()->addDays(7)->format('d/m/Y')]) }}"
  :is-range="true"
  :is-form-input="true" // required for form inputs
  name="expected_delivery" // required for form inputs
></datepicker-wrapper>