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

  •        194

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.

https://www.duetds.com
https://github.com/duetds/date-picker

Dependencies:

@stencil/core : ^2.3.0

Tags
Implementation
License
Platform

   




Related Projects

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.

CalendarPicker - CalendarPicker Component for React Native

  •    Javascript

Note: react-native-calendar-picker v5 is a complete re-write of the calendar. This calendar is now written using ES6 syntax. I kept most of the same functionalities and added support for date ranges. CalendarPicker requires Moment JS. Date props may be anything parseable by Moment: Javascript Date, Moment date, or ISO8601 datetime string.

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.

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.


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.

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.

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.

vuejs-datepicker - A simple Vue

  •    Javascript

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

react-datetime - A lightweight but complete datetime picker react component.

  •    Javascript

A date and time picker in the same React.js component. It can be used as a datepicker, timepicker or both at the same time. It is highly customizable and it even allows to edit date's milliseconds. Version 3 is out! These are the docs for version 3 of the library. If you are still using the deprecated v2, here it is its documentation, but we strongly recommend to migrate to version 3 in order to keep receiving updates. Please check migrating react-datetime to version 3 to safely update your app.

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.

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.

vue-flatpickr-component - Vue.js component for Flatpickr datetime picker :calendar:

  •    Javascript

👉 If you are looking for the documentation of older version then switch to respective version branch. Please see CHANGELOG for more information what has changed recently.

kalendaryo - An unopinionated React date component :atom_symbol: + :date:fns

  •    Javascript

Kalendaryo is an unopinionated React component for building calendars. It has no opinions about what your calendar component should look or function like but rather only helps you deal with those unique constraints by providing various variables your calendar component needs such as the calendar's state data and methods for getting(i.e. all the days in a month) and setting(i.e. selecting the date from a day) plus many more! See the Basic Usage section to see how you can build a basic calendar component with Kalendaryo, or see the Examples section to see more examples built with Kalendaryo. Is the state for the current date the component is in. By convention, this should only change when the calendar changes its current date, i.e. moving to and from a month or year on the calendar.

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.