ion2-calendar - 📅 A date picker components for ionic2 /ionic3

  •        210

live demo click me. Import ion2-calendar in component controller.

https://hsuanxyz.github.io/demo/ion2-calendar/
https://github.com/HsuanXyz/ion2-calendar

Dependencies:

moment : ^2.19.3

Tags
Implementation
License
Platform

   




Related Projects

ionic3-components - A project full of ionic 3 components and samples - to make life easier :)

  •    TypeScript

If you just want to check this project out, you can see the online demo at https://yannbf.github.io/ionic3-components or use Ionic View with the code bd1b6d71. Please notice that some plugins may only work when using a real device, so don't expect everything to work on ionic view or the browser.

vue-hotel-datepicker - Vue date range picker component

  •    Vue

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.

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.

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.

flatpickr - lightweight, powerful javascript datetimepicker with no dependencies

  •    TypeScript

Almost every large SPA or project involves date and time input. Browser's native implementations of those are inconsistent and limited in functionality. Most other libraries require you to pull in heavy dependencies like jQuery, Bootstrap, and moment.js. I wanted something that was good-looking out of the box, dependency-free, powerful, and extensible. flatpickr provides more functionality at a fraction of the size of other libraries.


GLCalendarView - A fully customizable calendar view acting as a date range picker

  •    Objective-C

You can copy all the files under the Sources folder into your project. For the binding field, it helps in that you can bind the actual model to the range, thus you can easily retrieve the corresponding model from the range later. For example, if you are building a trip app, you probably has a Trip class, you can bind the Trip instance to the range, and if the range gets updated in the calendar view, you can easily get the Trip instance from it and do some further updates.

angular-datepicker - Angularjs datepicker module, generate a datepicker on your input element - https://720kb

  •    HTML

Angular datepicker is an angularjs directive that generates a datepicker calendar on your input element. The Angularjs Datepicker is developed by 720kb.

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.

PickMeUp - Really simple, powerful, customizable and lightweight standalone datepicker

  •    Javascript

No dependencies, single/range/multiple selections, ability to put custom content into dates, very flexible styling and customization abilities. Or if you are representing a company, here is Faircode page.

Material-Calendar-View - Material Calendar View for Android

  •    Java

Material-Calendar-View is a simple and customizable calendar widget for Android based on Material Design. The widget has two funcionalities: a date picker to select dates (available as an XML widget and a dialog) and a classic calendar. The date picker can work either as a single day picker, many days picker or range picker. We described a simple usage of the component in this article.

angular-calendar - A flexible calendar component for angular 6

  •    TypeScript

A calendar component for Angular 6.0+ that can display events on a month, week or day view. The successor of angular-bootstrap-calendar. In order to allow the most flexibility for all users there is a substantial amount of boilerplate required to get up and running. Please see the demos list for a series of comprehensive examples of how to use this library within your application.

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.

DSLCalendarView - Simple calendar view for iOS

  •    Objective-C

DSLCalendar view is an iOS control that displays a calendar similar to the system calendar. It allows the user to select a single date or a date range. DSLCalendarMonthSelectorView is the view displayed above the current month. It contains a label showing the current month and year, labels for the days of the week and buttons to allow the user to navigate to the previous or next month.

Time4A - Advanced Date and Time Library for Android

  •    Java

Time4A is an advanced Date and Time Library for Android. This project is a specialized version of Time4J-v3.x (using the branch level6 - starting with version v3.5) and distributes an AAR-library suitable for the Android platform. It is not modularized like Time4J itself, but its (single) artifact "time4j-android" replaces the Time4J-modules "core", "i18n", "calendar", "olson" and "tzdata". Hence the only Time4J-modules which might be combined with this AAR-library are just "misc" and "range" if needed.