Uploaded image for project: 'Google Code-in'
  1. Google Code-in
  2. GCI-265

React UI Library - Date Picker component

    XMLWordPrintable

    Details

    • Type: Story
    • Status: Closed
    • Priority: Should
    • Resolution: Done
    • Labels:
    • Complexity:
      Medium

      Description

      We need to build a new date picker component which is configurable via props.

      This component should act as the following components depending on the props passed.

      • Simple date picker : allows picking a single date.
      • Ranged date picker : allows picking a range of dates ("from" date and "to" date).
      • Date picker with time : should allow picking a time along with a date.
      • Ranged date picker with time : a date range with time.

       

      Considerations:

      • IMPORTANT - Timestamps should be saved as ISO formatted strings. The best way to achieve this would be to save the timestamp as a MomentJS moment within the component. Thus we can format the moment to suit the requirement.
      • Must have the ability to disable date ranges.
      • Component should expose props to handle on change events - basically to retrieve the selected date/range.
      • Follow OpenMRS design theme - colors, fonts, icons. Use Material design icons if needed and available.
      • Try to customize an existing date picker / calendar component to fit our needs rather than reinventing the wheel. A good starting point would be rc-calendar. Your suggestions are welcome.
      • Follow the instructions at the repository (especially the Gitflow workflow) and the OpenMRS pull request tips.
      • This is a difficult task that requires careful design and considerable effort. Discuss your ideas with mentors.

       

      Repository: https://github.com/merovingienne/openmrs-module-ui-react

        Attachments

          Activity

            People

            Assignee:
            Unassigned
            Reporter:
            merovingienne Chanuka Wijayakoon
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:

                Time Tracking

                Estimated:
                Original Estimate - 1 week, 2 days
                1w 2d
                Remaining:
                Remaining Estimate - 1 week, 2 days
                1w 2d
                Logged:
                Time Spent - Not Specified
                Not Specified