react-big-calendar - gcal/outlook like calendar component

  •        156

An events calendar component built for React and made for modern browsers (read: IE10+) and uses flexbox over the classic tables-ception approach. Inspired by Full Calendar.

http://intljusticemission.github.io/react-big-calendar/examples/index.html
https://github.com/intljusticemission/react-big-calendar

Dependencies:

classnames : ^2.1.3
date-arithmetic : ^3.0.0
dom-helpers : ^2.3.0 || ^3.0.0
invariant : ^2.1.0
lodash : ^4.17.4
prop-types : ^15.5.8
react-overlays : ^0.7.0
react-prop-types : ^0.4.0
uncontrollable : ^4.0.0
warning : ^2.0.0

Tags
Implementation
License
Platform

   




Related Projects

react-native-calendar-events - React Native Module for iOS and Android Calendar Events

  •    Java

A React Native module to help access and save events to iOS and Android calendars. This package assumes that you already have a React Native project or are familiar with React Native. If not, checkout the official documentation for more details about getting started with React Native.

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.

react-calendar-heatmap - an svg calendar heatmap component, inspired by github's contribution graph

  •    Javascript

A calendar heatmap component built on SVG, inspired by github's commit calendar graph. The component expands to size of container and is super configurable. See a live demo. See full configuration options on the live demo page.

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-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.


react-calendar - Ultimate calendar for your React app.

  •    Javascript

Ultimate calendar for your React app. Minimal demo page is included in sample directory.

react-native-calendars - React Native Calendar Components 📆

  •    Javascript

This module includes various customizable react native calendar components. The package is both Android and iOS compatible.

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.

vue-simple-calendar - Simple Vue component to show a month-grid calendar with events

  •    Vue

vue-simple-calendar is a flexible, themeable, lightweight event calendar component for Vue. The current version is 4.0.2. There are other great calendar components out there, but most are either intended to be used as date pickers, or had way too many features for me. I wanted something that would simply show a month as a grid, and show events (including multi-day events) on that grid. While the component goes beyond that simple use case, that is still the core focus.

react-player - A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

  •    Javascript

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, Mixcloud, and DailyMotion. Not using React? No problem. The component parses a URL and loads in the appropriate markup and external SDKs to play media from various sources. Props can be passed in to control playback and react to events such as buffering or media ending. See the demo source for a full example.

primereact - UI Components for React

  •    Javascript

See PrimeReact homepage for live showcase and documentation.In order to install dependencies you should install yarn. You can follow the yarn setup instructions here.

reaviz - 📊 Data visualization library for React based on D3

  •    TypeScript

REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.

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.

react-native-keyboardevents - Keyboard events for react-native

  •    Objective-C

This takes full advantage of RCTKeyboardObserver.m, which is built-in. In XCode, in the project navigator, select your project. Add the lib*.a from the keyboardevents project to your project's Build Phases ➜ Link Binary With Libraries Click .xcodeproj file you added before in the project navigator and go the Build Settings tab. Make sure 'All' is toggled on (instead of 'Basic'). Look for Header Search Paths and make sure it contains both $(SRCROOT)/../react-native/React and $(SRCROOT)/../../React - mark both as recursive.

CalendarIOS7 - Calendar component for iOS apps

  •    Objective-C

Calendar iOS is a very simple calendar/date picker component for your iOS apps based on UICollectionView and 2 layouts. If events are availble, cell can be customize to present this state. The calendar view controller can get a array of events. Events have just to implement this protocol.

Silverlight Control Library

  •    

I had a problem where the default Silverlight Calendar control did not allow for complete customization on day values so I created one. This creation has lead into a full fledge control library. I have added several different calendar views and some other controls.

rsuite - :package: A suite of React components .

  •    Javascript

RSUITE (React Suite) is a set of react component libraries for enterprise system products. Built by HYPERS front-end team and UX team, mainly serving company's big data products. After three major revisions, a large number of components and rich functionality have been accumulated.





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.