Continuously scrollable calendar user interface
A method is provided to scroll a calendar user interface (UI) comprising: displaying on a device display screen a visible range of a calendar UI, wherein the calendar UI includes a display grid that includes individual date display panes that are associated with individual dates, wherein the date panes are arranged in rows corresponding to weeks and columns corresponding to days of the week and wherein the visible range of the calendar UI includes multiple rows of date panes; receiving user input to indicate a scroll direction in which to scroll the display grid to display a different date range that includes earlier or later date display panes; and in response to the user input, scrolling the calendar UI by rows to the different date range.
1. A method to display a calendar user interface comprising:
assigning individual shading levels to individual dates within a visible range of the calendar user interface, a forward date mapping range outside of the visible range, and a backward date mapping range outside of the visible range, the calendar user interface having a display grid in the visible range that includes display grid date panes associated with the individual dates, wherein the display grid shows an individual month wherein the individual shading levels are assigned to the individual dates in the individual month to increment from a first date of the individual month to a last date of the individual month, wherein incrementing of the individual shading levels assigned to the individual dates from the first date of the individual month to the last date of the individual month results in each successive day of the individual month becoming progressively darker the closer the individual dates are to the last date of the individual month, with the first date of the individual month having a lightest shade level and the last date of the individual month having a darkest shade level, and wherein the individual shading levels assigned to the individual dates are maintained for the individual dates and recur for successive months so as to provide a sharp visual transition in shading between the darkest shade level of the last date of the individual month and a subsequent lightest shade level of a subsequent first date of a subsequent month; and
displaying on a device display screen the visible range of the calendar user interface, wherein the display grid date panes have background shading in accordance with the individual shading levels assigned for the individual dates within the visible range, the forward date mapping range, and the backward date mapping range, and are arranged in rows corresponding to weeks and columns corresponding to days of a week such that continuous scrolling of the calendar user interface is facilitated without breaks or interruptions at month boundaries between the successive months and while providing the sharp visual transition in shading between the darkest shade level of the last date of the individual month and the subsequent lightest shade level of the subsequent first date of the subsequent month so that the sharp visual transition in shading is provided between each of the successive months.
2. The method of claim 1 , further comprising:
determining a reference date within the visible range of the calendar user interface; and
determining the forward date mapping range and the backward date mapping range outside of the visible range of the calendar user interface based on the reference date.
3. The method of claim 2 , further comprising:
mapping visual content items to the display grid date panes in both the forward date mapping range and the backward date mapping range, such that the visual content items are mapped to the display grid date panes outside of the visible range in the forward date mapping range and the backward date mapping range to facilitate the continuous scrolling without the breaks or interruptions at the month boundaries.
4. The method of claim 3 , further comprising:
receiving user input to cause the continuous scrolling.
5. The method of claim 1 , wherein the continuous scrolling is vertical scrolling.
6. The method of claim 5 , wherein the continuous scrolling is in week-by-week increments.
7. The method of claim 1 , further comprising:
displaying a new month indicator on the subsequent first date of the subsequent month in addition to the sharp visual transition in shading.
8. A system configured to display a calendar user interface, the system comprising:
one or more physical processors configured by machine-readable instructions to:
assign individual shading levels to individual dates within a visible range of the calendar user interface, a forward date mapping range outside of the visible range, and a backward date mapping range outside of the visible range, the calendar user interface having a display grid in the visible range that includes display grid date panes associated with the individual dates, wherein the display grid shows an individual month wherein the individual shading levels are assigned to the individual dates in the individual month to increment from a first date of the individual month to a last date of the individual month, wherein incrementing of the individual shading levels assigned to the individual dates from the first date of the individual month to the last date of the individual month results in each successive day of the individual month becoming progressively darker the closer the individual dates are to the last date of the individual month, with the first date of the individual month having a lightest shade level and the last date of the individual month having a darkest shade level, and wherein the individual shading levels assigned to the individual dates are maintained for the individual dates and recur for successive months so as to provide a sharp visual transition in shading between the darkest shade level of the last date of the individual month and a subsequent lightest shade level of a subsequent first date of a subsequent month; and
effectuate displaying on a device display screen the visible range of the calendar user interface, wherein the display grid date panes have background shading in accordance with the individual shading levels assigned for the individual dates within the visible range, the forward date mapping range, and the backward date mapping range, and are arranged in rows corresponding to weeks and columns corresponding to days of a week such that continuous scrolling of the calendar user interface is facilitated without breaks or interruptions at month boundaries between the successive months and while providing the sharp visual transition in shading between the darkest shade level of the last date of the individual month and the subsequent lightest shade level of the subsequent first date of the subsequent month so that the sharp visual transition in shading is provided between each of the successive months.
9. The system of claim 8 , wherein the one or more physical processors are further configured by the machine-readable instructions to:
determine a reference date within the visible range of the calendar user interface; and
determine the forward date mapping range and the backward date mapping range outside of the visible range of the calendar user interface based on the reference date.
10. The system of claim 9 , wherein the one or more physical processors are further configured by the machine-readable instructions to:
map visual content items to the display grid date panes in both the forward date mapping range and the backward date mapping range, such that the visual content items are mapped to the display grid date panes outside of the visible range in the forward date mapping range and the backward date mapping range to facilitate the continuous scrolling without the breaks or interruptions at the month boundaries.
11. The system of claim 10 , wherein the one or more physical processors are further configured by the machine-readable instructions to:
receive user input to cause the continuous scrolling.
12. The system of claim 8 , wherein the continuous scrolling is vertical scrolling.
13. The system of claim 12 , wherein the continuous scrolling is in week-by-week increments.
14. The system of claim 8 , wherein the one or more physical processors are further configured by the machine-readable instructions to:
display a new month indicator on the subsequent first date of the subsequent month in addition to the sharp visual transition in shading.
15. An article of manufacture including a non-transitory computer readable storage device encoded with computer readable code to configure a computer system to perform a process that comprises:
assigning individual shading levels to individual dates within a visible range of the calendar user interface, a forward date mapping range outside of the visible range, and a backward date mapping range outside of the visible range, the calendar user interface having a display grid in the visible range that includes display grid date panes associated with the individual dates, wherein the display grid shows an individual month wherein the individual shading levels are assigned to the individual dates in the individual month to increment from a first date of the individual month to a last date of the individual month, wherein incrementing of the individual shading levels assigned to the individual dates from the first date of the individual month to the last date of the individual month results in each successive day of the individual month becoming progressively darker the closer the individual dates are to the last date of the individual month, with the first date of the individual month having a lightest shade level and the last date of the individual month having a darkest shade level, and wherein the individual shading levels assigned to the individual dates are maintained for the individual dates and recur for successive months so as to provide a sharp visual transition in shading between the darkest shade level of the last date of the individual month and a subsequent lightest shade level of a subsequent first date of a subsequent month; and
displaying on a device display screen the visible range of the calendar user interface, wherein the display grid date panes have background shading in accordance with the individual shading levels assigned for the individual dates within the visible range, the forward date mapping range, and the backward date mapping range, and are arranged in rows corresponding to weeks and columns corresponding to days of a week such that continuous scrolling of the calendar user interface is facilitated without breaks or interruptions at month boundaries between the successive months and while providing the sharp visual transition in shading between the darkest shade level of the last date of the individual month and the subsequent lightest shade level of the subsequent first date of the subsequent month so that the sharp visual transition in shading is provided between each of the successive months.
16. The article of manufacture of claim 15 , wherein the process further comprises:
determining a reference date within the visible range of the calendar user interface; and
determining the forward date mapping range and the backward date mapping range outside of the visible range of the calendar user interface based on the reference date.
17. The article of manufacture of claim 16 , wherein the process further comprises:
mapping visual content items to the display grid date panes in both the forward date mapping range and the backward date mapping range, such that the visual content items are mapped to the display grid date panes outside of the visible range in the forward date mapping range and the backward date mapping range to facilitate the continuous scrolling without the breaks or interruptions at the month boundaries.
18. The article of manufacture of claim 17 , wherein the process further comprises:
receiving user input to cause the continuous scrolling.
19. The article of manufacture of claim 15 , wherein the continuous scrolling is vertical scrolling.
20. The article of manufacture of claim 19 , wherein the continuous scrolling is in week-by-week increments.