Story

As a user, I would like the forecasting sales and transactions page updated with UI elements.

Details

"Forecast > Sales" or "Forecast > Transactions"

Forecasting Calendar Icon

Forecasting Graph Icon

AC

Confirm the Following UI Features

1. A date picker that allows the user to go back and forth one day at a time and pick a single date from a calendar.
2. A "Metric" dropdown filter. Labels
   1. Sales
   2. Transactions
3. If the user clicked "Forecast > Sales" to get to the page, the Metric dropdown defaults to "Sales"
   1. The page title is "Forecasting - Sales"
4. If the user clicked "Forecasting > Transactions" to get to the page, the Metric dropdown defaults to "Transactions"
   1. The page title is Forecasting > Transactions"
5. A button with a calendar or graph icon that changes between the two when clicked.
6. When the button is displaying the Graph icon, there is an additional "Forecast Filter" dropdown. The labels for the dropdown options are:
   1. Total - Default
   2. Deferred Orders
   3. Inside Sales
      1. Each label includes a clickable "Star" icon that is not filled when unchecked and is filled with blue when checked.
      2. The checked row is filled with a light grey.
7. When the button is on the calendar icon, the "Forecast Filter" is hidden.
8. A disabled "History" button