DIY Family Calendar (Skylight)

Share your Projects! Dashboards & Frontend
359

It’s this bit:

          DAYS: |
            (() => {
              const width = window.innerWidth;
              const calendarView = states['input_select.calendar_view']?.state;
              if (width >= 390 && width<= 500) return 1;
              if (calendarView === 'Today') return 1;
              if (calendarView === 'Tomorrow') return 2;
              if (calendarView === 'Bimonth' && width >= 1920) return 56;
              if (calendarView === 'Month' && width >= 1920) return 28;
              if (calendarView === 'Biweek' && width >= 1920) return 14;
              if (calendarView === 'Week' && width >= 1920) return 7;
              return 3;
            })()

It’s using the resolution width in pixels to decide how many days to display, depending on the chosen view.

I never really tinkered with it and I don’t think there are any instructions on the OP’s Github.

I’m actually not using this implementation now. I have swapped to this custom card: Skylight Calendar Card — A family-friendly schedule card.