Child pages
  • Date Picker Storycards

Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

Storycard 1: Allow user to choose a date using a mouse

  • Pop-up a date picker when the user clicks inside the date text field
  • Display the dates in the month of interest as links
  • When user clicks on a date, display the date in the date text field immediately and close the date picker popup
  • When user opens the date picker again (by clicking on the text field), the selected date should be indicated in dark blue background on white text

Storycard 3: Distinguish selectable and unselectable dates to prevent user errors

  • Disable irrelevant dates: Show the irrelevant dates (may depend on selections made on other fields) in grey and make them non-clickable

Storycard 4: Indicate today's date in the calendar

  • Use the pressed-look to indicate today's date in the calendar, such that other styling (selection, hover, or grey-out) can be applied to it as needed

Storycard 5: Style t

  • Display the initial of the days of the week as column header across the top, starting with Sunday (i.e. S, M, T, W, T, F, S). Enable the integrator to configure the calendar Monday is displayed on the first column
  • For the weekend days, use faint grey as the background colour

Storycard x:

  • Configure: the start day of the week
  • Configure: Today's date link at the bottom
  • No labels