TypeScript Calendar

Open-source TypeScript projects categorized as Calendar

Top 23 TypeScript Calendar Projects

  • fullcalendar

    Full-sized drag & drop event calendar in JavaScript

    Project mention: Best Open source react-typescript projects | reddit.com/r/reactjs | 2023-03-19
  • tui.calendar

    🍞📅A JavaScript calendar that has everything you need.

    Project mention: I want to incorporate rrule in Angular-calendar. | reddit.com/r/Angular2 | 2022-11-08

    Use Toast UI Calendar https://ui.toast.com/tui-calendar for all things calendar and npm install moment-timezone to interact with your dates. Whatever you do, make sure your dates / times are in UTC format or your going to have a bad time.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-native-calendars

    React Native Calendar Components 🗓️ 📆

    Project mention: How would i go about building this? | reddit.com/r/reactnative | 2023-03-21

    so for calendars i use this repo lib https://github.com/wix/react-native-calendars wether you're using expo of cli its still a good library to use.

  • react-day-picker

    DayPicker is a customizable date picker component for React, with native TypeScript support.

    Project mention: Need help adding a simple calendar visual | reddit.com/r/djangolearning | 2023-01-21

    So, for instance, https://www.npmjs.com/package/react-day-picker is one I've used, fairly simple to install and configure - if you're doing your frontend using npm and javascript. In fact, that community focuses around frontend webdev, so there are a ton of packages you can just npm install and work practically out of the box.

  • rrule

    JavaScript library for working with recurrence rules for calendar dates as defined in the iCalendar RFC and more.

    Project mention: How Woovi handles complex date generation with Javascript | dev.to | 2023-03-27

    So we decided to go with RRule, which as the lib itself says:

  • cal-heatmap

    Cal-Heatmap is a javascript charting library to create a time-series calendar heatmap

    Project mention: cal-heatmap: NEW Data - star count:2283.0 | reddit.com/r/algoprojects | 2023-03-26
  • gantt-schedule-timeline-calendar

    Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]

    Project mention: 18 Best JavaScript Gantt Chart Components | dev.to | 2022-12-27

    The gantt-schedule-timeline-calendar (GSTC) is a JavaScript component that can be used in business apps as a universal planning solution. It brings together four tools commonly used in companies all over the world for arranging their day-to-day activities. At the moment, we are primarily interested in the Gantt part of this product.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • DevExtreme React Grid

    Business React components for Bootstrap and Material-UI

  • date-picker

    Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/

  • Twake

    Twake is a secure open source collaboration platform to improve organizational productivity.

    Project mention: Self-hosted kanban board | reddit.com/r/selfhosted | 2023-03-19
  • ion2-calendar

    📅 A date picker components for ionic2 /ionic3 / ionic4

    Project mention: How to manipulate ion2-calendar CSS in an Ionic 6 project. | dev.to | 2022-12-20

    In my case it was a surveillance schedule app of a company I worked for and I had to make it look pretty. So I searched online for the available open source options to help me get started quick and came across ion2-calendar.

  • logseq-plugin-agenda

    A calendar for logseq

    Project mention: Show scheduled/deadline blocks in the agenda plugin | reddit.com/r/logseq | 2023-02-08

    Hello! I'm currently trying out the agenda plugin and it's working out quite well. Is there a way to show deadline/scheduled tasks without a TODO/LATER... keyword attached to the block? I like to add deadlines in my journal without a TODO as it wouldn't make sense, but they don't show up in the agenda, and it would take some time for me to go through all my blocks and add TODO to each one.

  • obsidian-full-calendar

    Keep events and manage your calendar alongside all your other notes in your Obsidian Vault.

    Project mention: Individual entry notes instead of daily notes? | reddit.com/r/ObsidianMD | 2023-02-24

    If yoy wanted to split each item as a note, I would use full calendar as your main view. Each calendar item is its own note in the background and you have a noice UI to view each note rather than a folder structure or dataview query

  • datebook

    📅 Generates URLs and downloadable ICS files for adding events to popular calendar apps.

  • heatmap-calendar-obsidian

    An Obsidian plugin for displaying data in a calendar similar to the github activity calendar

    Project mention: Coding Problems with Heatmap Plugin | reddit.com/r/ObsidianMD | 2023-03-15

    I would like to use the Heatmap Plugin to automatically map different tags to different colors within a single Heatmap:

  • react-native-big-calendar

    gcal/outlook like calendar component for React Native

  • atomic-calendar-revive

    An advanced calendar card for Home Assistant Lovelace.

  • use-lilius

    📅 A headless calendar hook for React.

  • h6s

    Serve headless component development kit for React production apps

  • react-datepicker

    📅 React DatePicker Library (Flexible, Reusable) (by y0c)

  • color-calendar

    📅 A customizable calendar JavaScript UI widget/component library with the ability to show events.

  • kalend

    React calendar component with support for multiple views and events

    Project mention: Show HN: Bloben – self hosted web CalDAV calendar client | news.ycombinator.com | 2022-04-05

    Hello all,

    I have been working on a self hosted CalDAV calendar client Bloben https://github.com/nibdo/bloben-app

    This is mostly an alternative to other web clients like great AgenDAV with some additional features I wanted to use like email invites, alarms, webcalendars, etc.

    You can play with demo (limited to read access) here: https://demo.bloben.com/api/v1/users/login-demo?username=demo&password=Bg8v16a4q7gvC&redirect=https://demo.bloben.com/calendar?demo=true

    In the end it should provide separate clients also for CalDAV tasks and notes.

    One thing I would maybe like to discuss more is adding encryption, which is obviously quite problematic when using standards like CalDAV. Initially I just added non-compatible fully encrypted calendars, but realised this might not be useful for many people using different clients.

    Something halfway is adding an option to protect only some, say sensitive, events by encrypting fields like title, description or location. That way events will still be displayed via standard mobile apps and decrypted only in Bloben client (with link to open from description).

    As part of this project I published also React calendar component https://github.com/nibdo/kalend

    Thank you, if you are interested and feel free to ask me anything.

  • tsdav

    WebDAV, CALDAV, and CARDDAV client for Nodejs and the Browser

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-03-27.

TypeScript Calendar related posts


What are some of the best open-source Calendar projects in TypeScript? This list will help you:

Project Stars
1 fullcalendar 16,191
2 tui.calendar 10,675
3 react-native-calendars 8,397
4 react-day-picker 4,889
5 rrule 2,709
6 cal-heatmap 2,281
7 gantt-schedule-timeline-calendar 2,228
8 DevExtreme React Grid 1,975
9 date-picker 1,655
10 Twake 1,577
11 ion2-calendar 557
12 logseq-plugin-agenda 549
13 obsidian-full-calendar 419
14 datebook 296
15 heatmap-calendar-obsidian 292
16 react-native-big-calendar 262
17 atomic-calendar-revive 247
18 use-lilius 228
19 h6s 219
20 react-datepicker 169
21 color-calendar 152
22 kalend 152
23 tsdav 122
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.