Data

Tools

Indexes

Applications

Experiments

Open Source Science

ticlo-big-calendar

https://github.com/ticlo/react-big-calendar

Science Score: 44.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • ✓
    CITATION.cff file
    Found CITATION.cff file
  • ✓
    codemeta.json file
    Found codemeta.json file
  • ✓
    .zenodo.json file
    Found .zenodo.json file
  • ○
    DOI references
  • ○
    Academic publication links
  • ○
    Academic email domains
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (9.7%) to scientific vocabulary
Last synced: 10 months ago · JSON representation ·

Repository

Basic Info
  • Host: GitHub
  • Owner: ticlo
  • License: mit
  • Language: JavaScript
  • Default Branch: master
  • Size: 18.4 MB
Statistics
  • Stars: 1
  • Watchers: 1
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Created about 2 years ago · Last pushed about 2 years ago
Metadata Files
Readme Changelog Contributing License Citation

README.md

ticlo-big-calendar

This project is forked from https://github.com/jquense/react-big-calendar It's intended to be used only by the ticlo project

An events calendar component built for React and designed for modern browsers (read: not IE) and uses flexbox over the classic tables-caption approach.

Big Calendar Demo Image

DEMO and Docs

Inspired by Full Calendar.

Use and Setup

yarn add react-big-calendar or npm install --save react-big-calendar

Include react-big-calendar/lib/css/react-big-calendar.css for styles, and make sure your calendar's container element has a height, or the calendar won't be visible. To provide your own custom styling, see the Custom Styling topic.

Starters

Run examples locally

sh $ git clone git@github.com:jquense/react-big-calendar.git $ cd react-big-calendar $ yarn $ yarn storybook

Localization and Date Formatting

react-big-calendar includes four options for handling the date formatting and culture localization, depending on your preference of DateTime libraries. You can use either the Moment.js, Globalize.js, date-fns, Day.tsx localizers.

Regardless of your choice, you must choose a localizer to use this library:

Moment.js

```js import { Calendar, momentLocalizer } from 'react-big-calendar' import moment from 'moment'

const localizer = momentLocalizer(moment)

const MyCalendar = (props) => (

) ```

Globalize.js v0.1.1

```js import { Calendar, globalizeLocalizer } from 'react-big-calendar' import globalize from 'globalize'

const localizer = globalizeLocalizer(globalize)

const MyCalendar = (props) => (

) ```

date-fns v2

```js import { Calendar, dateFnsLocalizer } from 'react-big-calendar' import format from 'date-fns/format' import parse from 'date-fns/parse' import startOfWeek from 'date-fns/startOfWeek' import getDay from 'date-fns/getDay' import enUS from 'date-fns/locale/en-US'

const locales = { 'en-US': enUS, }

const localizer = dateFnsLocalizer({ format, parse, startOfWeek, getDay, locales, })

const MyCalendar = (props) => (

) ```

Day.tsx

Note that the dayjsLocalizer extends Day.tsx with the following plugins:

```js import { Calendar, dayjsLocalizer } from 'react-big-calendar' import dayjs from 'dayjs'

const localizer = dayjsLocalizer(dayjs)

const MyCalendar = (props) => (

) ```

Custom Styling

Out of the box, you can include the compiled CSS files and be up and running. But, sometimes, you may want to style Big Calendar to match your application styling. For this reason, SASS files are included with Big Calendar.

@import 'react-big-calendar/lib/sass/styles'; @import 'react-big-calendar/lib/addons/dragAndDrop/styles'; // if using DnD

SASS implementation provides a variables file containing color and sizing variables that you can update to fit your application. Note: Changing and/or overriding styles can cause rendering issues with your Big Calendar. Carefully test each change accordingly.

Join The Community

Help us improve Big Calendar! Join us on Slack. (Slack invite links do expire. If you can't get in, just file an issue and we'll get a new link.)

Translations

Owner

  • Name: ticlo
  • Login: ticlo
  • Kind: organization

Citation (CITATION.cff) 

cff-version: 1.2.0
title: Big Calendar
message: >-
  If you use this software, please cite it using the
  metadata from this file.
type: software
authors:
  - given-names: Jason
    family-names: Quense
    email: monastic.panic@gmail.com
  - given-names: Stephen
    family-names: Blades
    alias: Cutter
    website: https://cutterscrossing.com
    email: no.junk@cutterscrossing.com
  - given-names: Bogdan
    family-names: Chadkin
    alias: TrySound
  - given-names: Tobias
    family-names: Andersen
    email: j.tobiasandersen@gmail.com
repository-code: 'https://github.com/jquense/react-big-calendar'
url: 'https://jquense.github.io/react-big-calendar/examples'
repository-artifact: 'https://registry.npmjs.org/react-big-calendar'
abstract: >-
  Big Calendar is a full featured Calendar component for
  managing events and dates.
keywords:
  - scheduler
  - calendar
  - events
license: MIT

GitHub Events

Total
Last Year

Issues and Pull Requests

Last synced: 10 months ago

All Time
  • Total issues: 0
  • Total pull requests: 4
  • Average time to close issues: N/A
  • Average time to close pull requests: 1 minute
  • Total issue authors: 0
  • Total pull request authors: 1
  • Average comments per issue: 0
  • Average comments per pull request: 0.0
  • Merged pull requests: 4
  • Bot issues: 0
  • Bot pull requests: 4
Past Year
  • Issues: 0
  • Pull requests: 0
  • Average time to close issues: N/A
  • Average time to close pull requests: N/A
  • Issue authors: 0
  • Pull request authors: 0
  • Average comments per issue: 0
  • Average comments per pull request: 0
  • Merged pull requests: 0
  • Bot issues: 0
  • Bot pull requests: 0
View more stats
Top Authors
Issue Authors
Pull Request Authors
  • dependabot[bot] (8)
  • rinick (1)
Top Labels
Issue Labels
Pull Request Labels
dependencies (8)

Packages

  • Total packages: 1
  • Total downloads:
    • npm 9 last-month
  • Total dependent packages: 0
  • Total dependent repositories: 0
  • Total versions: 4
  • Total maintainers: 1
npmjs.org: ticlo-big-calendar

Calendar! with events

  • Versions: 4
  • Dependent Packages: 0
  • Dependent Repositories: 0
  • Downloads: 9 Last month
Rankings
Dependent repos count: 29.3%
Average: 35.6%
Dependent packages count: 41.9%
Maintainers (1)
rinick
Last synced: 10 months ago

Dependencies

package.json npm
  • @babel/cli ^7.20.7 development
  • @babel/core ^7.20.12 development
  • @babel/eslint-parser ^7.19.1 development
  • @babel/plugin-proposal-class-properties ^7.18.6 development
  • @babel/plugin-proposal-private-methods ^7.18.6 development
  • @babel/plugin-proposal-private-property-in-object ^7.18.6 development
  • @babel/plugin-transform-runtime ^7.19.6 development
  • @babel/preset-env ^7.20.2 development
  • @rollup/plugin-babel 6.0.3 development
  • @rollup/plugin-commonjs 24.0.0 development
  • @rollup/plugin-node-resolve 15.0.1 development
  • @rollup/plugin-replace 5.0.2 development
  • @semantic-release/changelog ^6.0.2 development
  • @semantic-release/git ^10.0.1 development
  • @storybook/addon-actions ^6.5.16 development
  • @storybook/addon-essentials ^6.5.16 development
  • @storybook/addon-links ^6.5.16 development
  • @storybook/addon-postcss ^2.0.0 development
  • @storybook/builder-webpack5 ^6.5.16 development
  • @storybook/manager-webpack5 ^6.5.16 development
  • @storybook/preset-scss 1.0.3 development
  • @storybook/react ^6.5.16 development
  • @storybook/theming 6.5.16 development
  • @typescript-eslint/eslint-plugin ^5.48.1 development
  • autoprefixer ^10.4.13 development
  • babel-plugin-transform-react-remove-prop-types ^0.4.24 development
  • babel-plugin-transform-rename-import ^2.3.0 development
  • babel-preset-react-app ^10.0.1 development
  • cross-env ^7.0.3 development
  • eslint ^8.31.0 development
  • eslint-config-jason ^8.2.2 development
  • eslint-config-prettier ^8.6.0 development
  • eslint-import-resolver-webpack ^0.13.2 development
  • eslint-plugin-import ^2.27.4 development
  • eslint-plugin-react ^7.32.0 development
  • eslint-plugin-react-hooks ^4.6.0 development
  • eslint-plugin-storybook ^0.6.10 development
  • husky ^8.0.3 development
  • is-ci ^3.0.1 development
  • lint-staged ^13.1.0 development
  • postcss ^8.4.21 development
  • postcss-cli ^10.1.0 development
  • prettier ^2.8.2 development
  • react ^17.0.2 development
  • react-dom ^17.0.2 development
  • react-tackle-box ^2.1.0 development
  • regenerator-runtime ^0.13.11 development
  • rollup ^3.10.0 development
  • rollup-plugin-clear ^2.0.7 development
  • rollup-plugin-terser ^7.0.2 development
  • sass 1.57.1 development
  • sass-loader ^13.2.0 development
  • semantic-release ^20.0.2 development
  • zx ^7.1.1 development
  • @babel/runtime ^7.20.7
  • clsx ^2.1.1
  • date-arithmetic ^4.1.0
  • dom-helpers ^5.2.1
  • globalize ^0.1.1
  • invariant ^2.2.4
  • lodash ^4.17.21
  • lodash-es ^4.17.21
  • luxon ^3.2.1
  • memoize-one ^6.0.0
  • prop-types ^15.8.1
  • react-overlays ^5.2.1
yarn.lock npm
  • 1770 dependencies