Hi Retool Team,
Are there plans to introduce a dedicated calendar component for Retool Mobile Apps - same as the webapps? We’ve tried using the HTML component with libraries like FullCalendar, but there might be limitations I am not aware of and/or I might be doing something wrong. Let me know what would be your recommendation.
Example:
<!-- FullCalendar Placeholder -->
<div id="calendar" style="width: 100%; height: 500px;"></div>
<!-- FullCalendar Script -->
<script>
(function () {
// Locate the calendar placeholder
const calendarEl = document.getElementById('calendar');
if (!calendarEl) {
console.error('Calendar element not found.');
return;
}
// Dynamically load FullCalendar's JS
const script = document.createElement('script');
script.src = 'https://cdn.jsdelivr.net/npm/fullcalendar@6.1.15/index.global.min.js';
script.onload = function () {
// Initialize FullCalendar once the library is loaded
const calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth',
events: [
{ title: 'Event 1', start: '2024-12-01' },
{ title: 'Event 2', start: '2024-12-05' },
],
});
calendar.render();
console.log('FullCalendar initialized successfully.');
};
document.body.appendChild(script);
})();
</script>
A native calendar component would be hugely beneficial:
- Day, Week, and Month Views
- Dynamic Event Loading
- Drag-and-Drop for Event Reordering ... would be incredible
Looking forward to your thoughts!
Thanks!
