[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81190":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":13,"contributorsCount":13,"subscribersCount":13,"size":13,"stars1d":13,"stars7d":15,"stars30d":16,"stars90d":13,"forks30d":13,"starsTrendScore":13,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":19,"hasPages":19,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":13,"starSnapshotCount":13,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},81190,"react-calendar","svar-widgets\u002Freact-calendar","svar-widgets","A React event calendar component for creating scheduling apps with drag-and-drop editing, multiple views, and TypeScript support.","https:\u002F\u002Fsvar.dev\u002Freact\u002Fcalendar\u002F",null,"JavaScript",31,0,1,3,4,41.9,"MIT License",false,"main",[22,23,24,25,26,5,27,28,29,30,31,32],"calendar","calendar-component","calendar-library","event-calendar","react","react-calendar-timeline","react-component","react-event-calendar","react-event-timeline","react-scheduler","reactjs","2026-06-12 04:01:32","\u003Cdiv align=\"center\">\n\n# SVAR React Calendar\n\n[Website](https:\u002F\u002Fsvar.dev\u002Freact\u002Fcalendar\u002F) • [Docs](https:\u002F\u002Fdocs.svar.dev\u002Freact\u002Fcalendar\u002Fgetting-started\u002Fquick-start\u002F) • [Demos](https:\u002F\u002Fdocs.svar.dev\u002Freact\u002Fcalendar\u002Fsamples\u002F)\n\n[![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@svar-ui\u002Freact-calendar.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@svar-ui\u002Freact-calendar)\n[![License](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fsvar-widgets\u002Freact-calendar)](https:\u002F\u002Fgithub.com\u002Fsvar-widgets\u002Freact-calendar\u002Fblob\u002Fmain\u002Flicense.txt)\n[![npm downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@svar-ui\u002Freact-calendar.svg)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@svar-ui\u002Freact-calendar)\n\n\u003C\u002Fdiv>\n\n[SVAR React Calendar](https:\u002F\u002Fsvar.dev\u002Freact\u002Fcalendar\u002F) is a customizable, high-performance React calendar component for event planning and scheduling. It includes multiple built-in calendar views, event edit form, filtering, theming, drag-and-drop interactions, and a flexible API for toolbars and menus.\n\nThe component helps you quickly build modern scheduling interfaces for React applications with minimal setup. Includes TypeScript support and is compatible with React 18+ and Next.js.\n\n\u003Cdiv align=\"center\">\n\u003Cimg src=\"https:\u002F\u002Fsvar.dev\u002Fimages\u002Fgithub\u002Fgithub-calendar.gif\" alt=\"SVAR React Calendar Preview\">\n\u003C\u002Fdiv>\n\n### ✨ Key Features\n\n- Day, week, and month views\n- Drag-and-drop event move and resize\n- Drag-to-create events in time-grid views\n- Sidebar or popup event editor\n- Calendar groups sidebar with built-in filtering\n- Context menu support for quick actions\n- Custom toolbar layouts and helper APIs\n- Custom event content, event cards, and tooltips\n- Event filtering with tagged predicates\n- Localization and configurable week start\n- Built-in light and dark themes\n- iCal import\u002Fexport support\n- Custom view registration for advanced layouts\n- TypeScript definitions included\n- React 18+ compatible\n\n### 🚀 PRO Edition\n\nSVAR React Calendar is available in open-source and PRO editions. The PRO build adds advanced scheduling views and recurrence support without changing the component API.\n\nPRO features include:\n\n- Agenda view\n- Year view\n- Resources view\n- Timeline view\n- Recurring events with RRULE expansion\n\nVisit the [pricing page](https:\u002F\u002Fsvar.dev\u002Freact\u002Fcalendar\u002Fpricing\u002F) for licensing details, feature comparison, and free trial.\n\n[Check out the live demo](https:\u002F\u002Fsvar.dev\u002Fdemos\u002Freact\u002Fcalendar\u002F) to see SVAR React Calendar in action.\n\n### :hammer_and_wrench: How to Use\n\nImport the package, pass an `events` array and a `date`, and optionally attach the editor through the calendar API:\n\n```jsx\nimport { useState } from 'react';\nimport { Calendar, Editor } from '@svar-ui\u002Freact-calendar';\nimport '@svar-ui\u002Freact-calendar\u002Fall.css';\n\nconst events = [\n  {\n    id: 1,\n    text: 'Team standup',\n    start: new Date(2026, 3, 20, 9, 0),\n    end: new Date(2026, 3, 20, 9, 30),\n  },\n  {\n    id: 2,\n    text: 'Sprint planning',\n    start: new Date(2026, 3, 20, 10, 0),\n    end: new Date(2026, 3, 20, 11, 30),\n  },\n];\n\nexport default function App() {\n  const [api, setApi] = useState(null);\n\n  return (\n    \u003C>\n      \u003CCalendar init={setApi} events={events} date={new Date(2026, 3, 20)} \u002F>\n      {api && \u003CEditor api={api} \u002F>}\n    \u003C\u002F>\n  );\n}\n```\n\nBy default, the calendar exposes `day`, `week`, and `month` views. Add extra view ids through the `views` prop to enable `agenda`, `year`, `resources`, or `timeline`.\n\nFor further instructions, follow the detailed [quick start guide](https:\u002F\u002Fdocs.svar.dev\u002Freact\u002Fcalendar\u002Fgetting-started\u002Fquick-start\u002F).\n\n### :speech_balloon: Need Help?\n\n[Post an issue](https:\u002F\u002Fgithub.com\u002Fsvar-widgets\u002Freact-calendar\u002Fissues) or use our [community forum](https:\u002F\u002Fforum.svar.dev).\n\n### ⭐ Show Your Support\n\nIf SVAR React Calendar helps your project, [give it a star](https:\u002F\u002Fgithub.com\u002Fsvar-widgets\u002Freact-calendar). It helps other developers discover this library and motivates us to keep improving.\n","SVAR React Calendar 是一个用于创建日程安排应用的React组件，支持拖放编辑、多种视图以及TypeScript。其核心功能包括日、周、月视图切换，事件的拖拽移动与调整大小，侧边栏或弹出式事件编辑器，内置过滤和上下文菜单等。技术特点上，该组件提供了灵活的API以自定义工具栏布局和菜单，并且兼容React 18+和Next.js。适用于需要快速构建现代化调度界面的React项目中，如团队协作软件、个人时间管理应用等场景。",2,"2026-06-11 04:03:50","CREATED_QUERY"]