Cannot set picker toolbar width

[MikhailBakaevdev]

What version of rsuite are you using?

5.50.0

What version of React are you using?

18.2.0

What version of TypeScript are you using (if any)?

4.3.5

What browser are you using?

Chrome

Describe the Bug

Cannot set width for picker toolbar. If i want to set new "OK" button name then button will be like this

also i dont have opportunity to change button color

Expected Behavior

No response

To Reproduce

No response

[simonguo]

Hi @MikhailBakaevdev when only one calendar is displayed, I suggest placing the shortcut options on the left side of the panel.

https://rsuitejs.com/components/date-range-picker/#predefined-date-ranges

[MikhailBakaevdev]

@simonguo Hi there! thank u for your answer! It helped for me! But how i can change buttons color? now its always blue but i need green color for presets and "Ok" button

[simonguo]

now its always blue but i need primary color for presets and "Ok" button

Currently, custom "Ok" button is not supported, but you can customize the theme color by customizing Less or CSS variables.

Less: https://rsuitejs.com/guide/customization-less/

@primary-color: #4caf50;

CSS Variables: https://rsuitejs.com/guide/css-variables/

:root {
  // Colors palette
  // See: https://rsuitejs.com/resources/palette/
  --rs-primary-50: #eeffed;
  --rs-primary-100: #c8f0c7;
  --rs-primary-200: #a5e0a4;
  --rs-primary-300: #82cf82;
  --rs-primary-400: #65bf67;
  --rs-primary-500: #4caf50;
  --rs-primary-600: #37ab3c;
  --rs-primary-700: #22a12a;
  --rs-primary-800: #0f9119;
  --rs-primary-900: #007d0c;
}

[MikhailBakaevdev]

it works thank u @simonguo