Overview

The Vue Hotel Datepicker is a responsive date range picker for Vue.js that offers various options such as displaying the number of nights selected, custom check-in/check-out rules, and localization support. It allows users to show bookings, disable certain dates or days of the week, and configure different pricing periods.

Features

• Always Visible: Displays the calendar without an input if set to true.
• Bookings: Option to show bookings.
• Custom Check-in/Check-out Rules: Allows setting rules such as disabling checkout on the same date as check-in.
• Disabled Dates: Ability to disable specific dates.
• Localization Support: Supports different languages for day names and other translations.
• Clear Button: Option to display a clear button for easy date clearing.
• Half-Day Support: Allows selecting half-day periods for check-in and check-out.
• Price Display: Option to display prices for different date ranges.

Installation

To install the Vue Hotel Datepicker via npm, you can use either npm or Yarn. Here are the installation commands:

npm install vue-hotel-datepicker

Or

yarn add vue-hotel-datepicker

Summary

The Vue Hotel Datepicker is a feature-rich date range picker for Vue.js applications. It offers customizable options for check-in/out rules, localization, pricing, and more. With its responsive design and user-friendly interface, it provides a convenient solution for managing date selections in various scenarios.