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. Learn more →
Top 23 TypeScript Calendar Projects
-
-
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!
-
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-21So, 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.
So we decided to go with RRule, which as the lib itself says:
-
-
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 ]
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.
-
-
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/
-
-
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.
-
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-24If 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
-
-
heatmap-calendar-obsidian
An Obsidian plugin for displaying data in a calendar similar to the github activity calendar
I would like to use the Heatmap Plugin to automatically map different tags to different colors within a single Heatmap:
-
-
-
-
-
-
color-calendar
📅 A customizable calendar JavaScript UI widget/component library with the ability to show 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.
-
-
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.
TypeScript Calendar related posts
- How Woovi handles complex date generation with Javascript
- Alternative or better solution for doodle
- Best Open source react-typescript projects
- Coding Problems with Heatmap Plugin
- How to get Heatmap Plugin to work?
- Uncaught SyntaxError: Unexpected identifier
- How to use your React knowledge to build for WordPress
-
A note from our sponsor - Sonar
www.sonarsource.com | 29 Mar 2023
Index
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 |