parotheparrot / scriptable-calendar-widget

Customizable iOS Calendar widget for Scriptable

Scriptable Calendar Widget

• Scriptable Calendar Widget
  • Instructions
  • Small widgets

Instructions

• Copy the script in calendar.js to a new script in Scriptable app.
• Run the script first which should prompt Scriptable to ask for calendar access.
  • if it didn't and you haven't given Scriptable calendar access before, try changing the debug variable to true and trying again.
  • to have the widget open the iOS calendar app, switch debug back to false afterwards.
• Add a medium sized Scriptable widget to your homescreen.
• Long press the widget and choose "Edit Widget".
• Set the Script to be the script you just created and When Interacting to Run Script which will then launch Calendar app when you tap on the widget.
• Return to your home screen which should now hopefully show the Scriptable calendar widget.

---

• the beginning of the script shows the hex colors for various parts which can be modified to your liking:
  • widget's background color
  • current day's background and foreground color
  • background and foreground colors for other days
  • text color
• To get an image that can then be used to have a "transparent" widget background use this script and save it to the Scriptable folder on iCloud. Then set either the widget parameter (long press on the widget -> edit widget -> parameter) to { "bg": "my-image.jpg"} where my-image is the name of your transparent backgorund OR change the line which has { bg: "1121.jpg" } to include your image name.
• showAllDayEvents - would either show or hide all day events.
• showCalendarBullet - would show a ● in front of the event name which matches the calendar color from which the event originates.
• startWeekOnSunday - would start the week either on a Sunday or a Monday.
• showEventsForWholeWeek - would either show all future events for today or for the whole week.
• showCompleteTitle - would truncate long event titles so that they can fit onto a single line to fit more events into the view.
• showEventCircles - adds colored background for all days that have an event. The color intensity is based on how many events are that day.

Small widgets

The script also supports small widgets or a medium widget with just one part. In this case the the widget parameter (long press on the widget -> edit widget -> parameter) should be set to something like:

• { "bg": "top-left.jpg", "view": "events" }
• { "bg": "top-right.jpg", "view": "cal" }

Where "events" specifies the events view and "cal" the calendar view. (Setting the background is optional).