Skip to content

[DateRangePickerModal] Save label showing with ellipses #469

@fabriziocucci

Description

@fabriziocucci

Current behaviour

When using the DateRangePickerModal, the default Save label shows up with ellipses on Android (Pixel 7 Pro).

Expected behaviour

When using the DateRangePickerModal, the default Save label should show up without ellipses.

How to reproduce?

My current usage:

<DatePickerModal
  endDate={endDate}
  locale="en"
  mode="range"
  onChange={onChange}
  onConfirm={onConfirm}
  onDismiss={onDismiss}
  saveLabelDisabled={saveLabelDisabled}
  startDate={startDate}
  uppercase={false}
  visible={visible}
/>

Preview

Image

What have you tried so far?

As soon as there an an interaction (e.g. a date is selected), the label shows up correctly.

Your Environment

software version
ios x
android x
react-native 0.79.2
react-native-paper 5.13.1
react-native-paper 0.22.40
node x.x.x
npm or yarn x.x.x
expo sdk 53.0.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions