Search Results for "date"

Tempus Dominus is the successor to the very popular "eonasdan/bootstrap-datetimepicker". The plugin provide a robust date and time picker designed to integrate into your project. The picker uses the format option to decide what components to show. Set format to LT, LTS or another valid MomentJs format string to display certain components. The picker uses MomentJs to determine the language string. You can use moment-with-locales or you can include whatever local file you need.

A declarative cross-platform react-native date and time picker. This library exposes a cross-platform interface for showing the native date-picker and time-picker inside a modal, providing a unified user and developer experience.

...Styles can be found at: react-big-calendar/lib/css/react-big-calendar.css, and should be included on the page with the calendar component. Also make sure that your calendar's container element has a height, or the calendar won't be visible. Date internationalization and localization is hard and react-big-calendar doesn't even attempt to solve that problem. Instead you can use one of the many excellent solutions already out there, via adapters called "localizers". Big Calendar comes with two localizers for use with Globalize.js or Moment.js. Choose the localizer that best suits your needs, or write your own. ...

...An option can be converted to a data-attribute by taking its name, replacing each uppercase letter with its lowercase equivalent preceded by a dash, and prepending “data-date-” to the result. Methods are called on a datepicker by calling the datepicker function with a string first argument, followed by any arguments the method takes.

There’s a tonne of options to customize the date and time pickers, such as month/year selectors, time intervals, etc. There’s also a rich API to extend the functionality of the picker. Some examples are displayed on Codepen. When using the “classic” theme, it is important to have a wrapper div with position, relative around the source input to ensure the picker is sized according to the input element it is bound to.

The React Infinite Calendar project is a highly customizable date picker component for React applications that leverages virtualized rendering to provide smooth infinite scrolling through dates. It is designed to handle large date ranges efficiently by rendering only visible elements, which significantly improves performance compared to traditional calendar components. The library supports features such as localization, theming, keyboard navigation, and flexible date constraints, making it suitable for a wide variety of use cases. ...

This is a simple DHTML javascript date picker, for easy selection of ranges of dates, including year, month, day from-to and weeks. Inspired by the date range picker at google analytics.