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

  •        1940

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.

date-picker - Duet Date Picker is an open source version of Duet Design System’s accessible date picker

  •    TypeScript

Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Duet Date Picker can be implemented and used across any JavaScript framework or no framework at all. We accomplish this by using standardized web platform APIs and Web Components. Why yet another date picker? Our team working on Duet Design System couldn’t find an existing date picker that would’ve ticked all the requirements we had for accessibility (supporting WCAG 2.1 as well as we can), so we decided to build one and open source it so that others could benefit from this work as well.

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.

svelte-calendar - A lightweight datepicker with neat animations and a unique UX.

  •    Svelte

A small date picker built with Svelte 3. Demo available here: demo page. These properties set the minimum and maximum dates that will be rendered by this calendar. It is recommended that you do not leave these as their defaults and supply values which suit your application's needs.

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.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.