vue-hotel-datepicker - Vue date range picker component

  •        63

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localisation support and more. The date format string.

https://github.com/krystalcampioni/vue-hotel-datepicker

Dependencies:

cssnano : ^3.10.0
fecha : ^2.3.1
pug : ^2.0.0-rc.3
vue-on-click-outside : ^1.0.3

Tags
Implementation
License
Platform

   




Related Projects

vuejs-datepicker - A simple Vue

  •    Javascript

A simple Vue.js datepicker component. Supports disabling of dates, inline mode, translations

v-calendar - A lightweight, dependency-free plugin for building attributed calendars in Vue.js

  •    Vue

V-Calendar is a clean and lightweight plugin for displaying simple, attributed calendars in Vue.js. It uses attributes to decorate the calendar with various visual indicators including highlighted date regions, dots, bars, content styles and popovers for simple tooltips and even custom slot content. Any single attribute may contain one of each object and can be displayed for single dates, date ranges and even complex date patterns like every other Friday, the 15th of every month or the last Friday of every other month.

react-native-date-picker - React Native Date Picker - A datepicker for Android and iOS

  •    Java

📅   React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. Unfortunately, expo does not support this date picker at the moment. Upvote this feature request if you would like to have it included.

Datepair

  •    Javascript

Datepair.js is a lightweight, modular javascript plugin for intelligently selecting date and time ranges, inspired by Google Calendar. It will keep the start and end date/times in sync and can set default values based on user action. There are no external dependencies, however it can easily be used with jQuery or Zepto. The plugin does not provide any UI widgets; it's preconfigured to work with jquery-timepicker and Bootstrap Datepicker, but you can use it with any datepicker or timepicker (or none at all). Looking for jquery-datepair? Scroll down.


DatePicker - jQuery-based DatePicker with support for date ranges, multiple calendars, styling and more

  •    Javascript

Yet another jQuery-based date picker! This date picker provides an easy way of creating both single and multi-viewed calendars capable of accepting single, range, and multiple selected dates. Easy to style, with two example styles provided: an attractive 'dark' style, and a Google Analytics-like 'clean' style. Download the latest release, and jQuery.

vue-datetime - Mobile friendly datetime picker for Vue

  •    Javascript

Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates. NOTICE: This README is related to next version (1.x) of vue-datetime. For the old release 0.x, see here.

daterangepicker - JavaScript Date Range, Date and Time Picker Component

  •    Javascript

This date range picker component creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports. Features include limiting the selectable date range, localizable strings and date formats, a single date picker mode, a time picker, and predefined date ranges.

bootstrap-daterangepicker - Date range picker component for Bootstrap

  •    Javascript

This date range picker component for Bootstrap creates a dropdown menu from which a user can select a range of dates. I created it while building the UI for Improvely, which needed a way to select date ranges for reports. Features include limiting the selectable date range, localizable strings and date formats, a single date picker mode, optional time picker (for e.g. making appointments or reservations), and styles that match the default Bootstrap 3 theme.

jQuery-UI-Date-Range-Picker - A range picker built on top of jQuery UI's Datepicker Control

  •    Javascript

A range picker built on top of jQuery UI's Datepicker Control

paper-date-picker - Material design date picker component for polymer

  •    HTML

Provides a responsive date picker based on the material design spec. This component aims to be a clone of the date picker introduced in Android Lollipop. See the component page for full documentation.

react-datepicker - A simple and reusable datepicker component for React

  •    Javascript

You’ll need to install React, PropTypes, and Moment.js separately since those dependencies aren’t included in the package. Below is a simple example of how to use the Datepicker in a React view. You will also need to require the CSS file from this package (or provide your own). The example below shows how to include the CSS from this package if your build system supports requiring CSS files (Webpack is one that does). See here for a full list of props that may be passed to the component. Examples are given on the main website.

Multiple-Dates-Picker-for-jQuery-UI - MDP is a little plugin that enables jQuery UI calendar to manage multiple dates

  •    HTML

This plugin extends the jQuery UI datepicker clendar, allowing to select more than one date, picking them one by one or by ranges relative to the clicked date. Take a look at some demos.

react-daterange-picker

  •    Javascript

React 0.14, 15, and 16 are all supported in the latest version of react-daterange-picker. If you wish to user an older version of React, please use react-daterange-picker v0.12.x or below.

angular-moment-picker - Angular Moment Picker is an AngularJS directive for date and time picker using Moment

  •    TypeScript

Check out the homepage at http://indrimuska.github.io/angular-moment-picker/. Angular Moment Picker is a native AngularJS directive for date and time picker that uses Moment.js and does not require jQuery.

calendar - Date range picker for Baremetrics

  •    Javascript

The Baremetrics date range picker is a simplified solution for selecting both date ranges and single dates all from a single calender view. There aren't a billion options but the code is pretty basic and modular so feel free to edit however to meet your own needs. Using the date picker is pretty simple, you've just got to make a couple choices and include a couple settings. Create a div with a daterange class and then either the daterange--double or daterange--single classname for targeting the specific calendar you'd like to generate.