# Feature OP-11121 - Replace toggles for scheduling mode and working days with on/off-switches

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-11121

## Planning

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Target versions | 12.3.0 |
| Sprint | 12.3.0 |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

### Note

This feature modifies the previously implemented and tested date picker for 12.3: <mention class="mention" data-id="41341" data-type="work_package" data-text="#41341">\#41341</mention>

### Acceptance criteria

  - **The "Scheduling" and "Working days" toggle sets are replaced by switch fields** (design system component and pattern described in <mention class="mention" data-id="44213" data-type="work_package" data-text="#44213">\#44213</mention>)
    
      - There are two switch fields, one with the label "Manual scheduling" and the other with label "Working days only"
          - There is a 2 rem horizontal spacing between them.
      - The "Manual scheduling" switch toggles manual scheduling on and off:
          - This is off by default.
      - The "Working days only" switch toggles including non-working days on and off:
          - This is on by default except:
              - This is off for all previously existing work packages when migrating to 12.3

  - **In the mobile version:**
    
      - The two switches are stacked vertically
      - Each switch set takes the full width of the datepicker
          - The text is left-aligned
          - The switches are aligned to the right-edge

### Visuals

Desktop:

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38673/content">

Mobile:

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/38675/content">

### Translation strings

<figure class="table op-uc-figure_align-center op-uc-figure"><table class="op-uc-table"><thead class="op-uc-table--head"><tr class="op-uc-table--row"><th class="op-uc-p op-uc-table--cell op-uc-table--cell_head"><br data-cke-filler="true"></th><th class="op-uc-p op-uc-table--cell op-uc-table--cell_head">EN</th><th class="op-uc-p op-uc-table--cell op-uc-table--cell_head">ES</th><th class="op-uc-p op-uc-table--cell op-uc-table--cell_head">FR</th><th class="op-uc-p op-uc-table--cell op-uc-table--cell_head">DE</th><th class="op-uc-p op-uc-table--cell op-uc-table--cell_head">Default</th></tr></thead><tbody><tr class="op-uc-table--row"><th class="op-uc-p op-uc-table--cell op-uc-table--cell_head">Scheduling mode</th><td class="op-uc-p op-uc-table--cell">Manual scheduling</td><td class="op-uc-p op-uc-table--cell">Planificación manual</td><td class="op-uc-p op-uc-table--cell">Planification manuelle</td><td class="op-uc-p op-uc-table--cell">Manuelle Planung</td><td class="op-uc-p op-uc-table--cell">not active</td></tr><tr class="op-uc-table--row"><th class="op-uc-p op-uc-table--cell op-uc-table--cell_head">Work days</th><td class="op-uc-p op-uc-table--cell">Working days only</td><td class="op-uc-p op-uc-table--cell">Solo días laboarles</td><td class="op-uc-p op-uc-table--cell">Uniquement les jours ouvrés</td><td class="op-uc-p op-uc-table--cell">Nur Werktage</td><td class="op-uc-p op-uc-table--cell">active</td></tr></tbody></table></figure>