\n )}\n/>\n```\n\n### ICS Export\n\n```tsx\nimport { generateICS } from '@bernierllc/calendar/utils/ics';\n\nconst handleExport = () => {\n const icsString = generateICS(events);\n const blob = new Blob([icsString], { type: 'text/calendar' });\n const url = URL.createObjectURL(blob);\n const a = document.createElement('a');\n a.href = url;\n a.download = 'calendar.ics';\n a.click();\n};\n```\n\n## Advanced Patterns\n\n### Combining Template Tags and Render Props\n\nTemplate tags are used as fallbacks when render props aren't provided:\n\n```tsx\n{{summary}}
{{description}}
\"\n eventModalRenderer={(event) => {\n // Custom logic for specific events\n if (event.experienceType === 'mentorship') {\n return ;\n }\n // Fallback to template for other events\n return null; // Will use template\n }}\n/>\n```\n\n### Custom Fields with Type Safety\n\n```tsx\ninterface CustomEvent extends CalendarEvent {\n mentor: string;\n experienceType: 'mentorship' | 'workshop' | 'networking';\n difficulty: 'beginner' | 'intermediate' | 'advanced';\n maxParticipants?: number;\n}\n\nconst events: CustomEvent[] = [\n {\n uid: '1',\n summary: 'React Workshop',\n start: '2024-01-15T10:00:00Z',\n end: '2024-01-15T12:00:00Z',\n mentor: 'John Doe',\n experienceType: 'workshop',\n difficulty: 'intermediate',\n maxParticipants: 20\n }\n];\n```\n\n### Dynamic Filtering with Custom Fields\n\n```tsx\n (\n
\n \n \n \n \n
\n {visibleEvents.length} events found\n
\n
\n )}\n/>\n```\n\n## Accessibility\n\nThe calendar is built with accessibility in mind:\n\n- **Keyboard Navigation** - Full keyboard support for navigation and interaction\n- **ARIA Labels** - Proper ARIA attributes for screen readers\n- **Focus Management** - Logical tab order and focus indicators\n- **Semantic HTML** - Proper use of table elements and landmarks\n- **Color Contrast** - Meets WCAG 2.1 AA contrast requirements\n\n## Styling\n\nThe calendar uses Tailwind CSS classes. You can customize the appearance by:\n\n1. **Overriding Tailwind classes** in your CSS\n2. **Using render props** for complete control\n3. **Using template tags** for simple text customization\n4. **Using `getEventColor` and `getEventPill`** for dynamic styling\n\n## Browser Support\n\n- Chrome 90+\n- Firefox 88+\n- Safari 14+\n- Edge 90+\n\n## License\n\nISC License - see [LICENSE](LICENSE) file for details.\n\n## Contributing\n\nSee [CONTRIBUTING.md](../../CONTRIBUTING.md) for development guidelines. \n\n## Monorepo Workspaces & Dependency Management\n\nThis package is part of a monorepo using npm workspaces. All dependencies are hoisted to the root. Always run `npm install` from the root directory.\n\n## React 19 and Testing Library Compatibility\n\nThis package uses React 19.1.0. If you see peer dependency warnings with Testing Library, use:\n\n```bash\nnpm install --legacy-peer-deps\n```\n\nThis is a temporary workaround until official support is released. ","readmeFilename":"README.md"}