NPM Resource Changed PR-4.4-dev Pending

User tests: Successful: Unsuccessful:

avatar cyrezdev
cyrezdev
13 Jun 2023

Pull Request for Issues #36933 & #33447.

Summary of Changes

Improve display of datetime picker.

  • Centering calendar table for better looking in some not-english language.
  • Style time select fields.
  • Fix footer buttons alignment.
  • Improve display of time fields depending on field settings (weeknumbers, am/pm).

Testing Instructions

  • Apply patch, and test any form field of type calendar.

Actual result BEFORE applying this Pull Request

before-patch-fr
Example in French

Expected result AFTER applying this Pull Request

after-patch-fr
Example in French

Rendering depending on calendar field settings:

With or without weeknumbers, am/pm and or time. And with RTL support

Legend:

  1. Week numbers, time 24h
  2. Week numbers, time 12h
  3. Time 24h
  4. Time 12h
  5. No Time
  6. RTL (arabic)

(1) weeknumber-time-24h (2) weeknumber-time-12h
(3) time-24h (4) time-12h
(5) weeknumbers-notime (6) rtl-support

Link to documentations

Please select:

  • Documentation link for docs.joomla.org:

  • No documentation changes for docs.joomla.org needed

  • Pull Request link for manual.joomla.org:

  • No documentation changes for manual.joomla.org needed

avatar joomla-cms-bot joomla-cms-bot - change - 13 Jun 2023
Category Repository NPM Change JavaScript
avatar cyrezdev cyrezdev - open - 13 Jun 2023
avatar cyrezdev cyrezdev - change - 13 Jun 2023
Status New Pending
avatar cyrezdev cyrezdev - change - 13 Jun 2023
Labels Added: NPM Resource Changed PR-4.3-dev
avatar brianteeman
brianteeman - comment - 13 Jun 2023

I am confused. If I understand correctly then the problem only exists in non-english languages where the text for "today" is long.
If that is correct then what is the purpose of all the screenshots you have posted in english

avatar cyrezdev cyrezdev - change - 13 Jun 2023
The description was changed
avatar cyrezdev cyrezdev - edited - 13 Jun 2023
avatar cyrezdev
cyrezdev - comment - 13 Jun 2023

I am confused. If I understand correctly then the problem only exists in non-english languages where the text for "today" is long. If that is correct then what is the purpose of all the screenshots you have posted in english

As mentionned in the description of this PR, it's not only for this point, but 3 other ones:

  • To style time select fields.
  • Fix footer buttons alignment.
  • Improve display of time fields depending on field settings (weeknumbers, am/pm).

So the additionnal screenshots are valid to show the different possible settings for calendar form field.

It is mainly cosmetic here and to have a more flexible design ;-)

avatar cyrezdev cyrezdev - change - 13 Jun 2023
The description was changed
avatar cyrezdev cyrezdev - edited - 13 Jun 2023
avatar Chaosxmk
Chaosxmk - comment - 14 Jun 2023

Looks good, fixes the main point of issue I highlighted.

avatar obuisard
obuisard - comment - 14 Aug 2023

Looks good, fixes the main point of issue I highlighted.

@Chaosxmk, please help test the PR, we need two successful tests to get this great improvement merged into the project :-)

avatar laoneo laoneo - change - 8 Sep 2023
Title
[4.3] Improve Calendar form field style - Issues #36933 & #33447
Improve Calendar form field style - Issues #36933 & #33447
avatar laoneo laoneo - edited - 8 Sep 2023
avatar drmenzelit drmenzelit - test_item - 8 Sep 2023 - Tested successfully
avatar drmenzelit
drmenzelit - comment - 8 Sep 2023

I have tested this item ✅ successfully on b668fc2

Tested with English and Persian


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/40761.

avatar obuisard obuisard - change - 8 Sep 2023
Labels Added: PR-4.4-dev
Removed: PR-4.3-dev
avatar obuisard obuisard - test_item - 8 Sep 2023 - Tested successfully
avatar obuisard
obuisard - comment - 8 Sep 2023

I have tested this item ✅ successfully on 145606e


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/40761.

avatar obuisard
obuisard - comment - 8 Sep 2023

Viviana @drmenzelit, can you put your results in the issue tracker once more? I am sorry, the branch update invalidated your results. Thanks!

avatar obuisard
obuisard - comment - 8 Sep 2023

Great job Cyril @cyrezdev, much needed improvements and now we have a decent calendar field :-)

avatar laoneo laoneo - change - 8 Sep 2023
Status Pending Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2023-09-08 16:29:50
Closed_By laoneo
avatar laoneo laoneo - close - 8 Sep 2023
avatar laoneo laoneo - merge - 8 Sep 2023
avatar laoneo
laoneo - comment - 8 Sep 2023

Thanks! Also for the fast tests...

avatar cyrezdev
cyrezdev - comment - 12 Sep 2023

Great job Cyril @cyrezdev, much needed improvements and now we have a decent calendar field :-)

Thank you Olivier!

avatar cyrezdev
cyrezdev - comment - 20 Oct 2023

Hello here!

This PR has introduced an issue with no possibility to set Time with calendar picker, if the week numbers are hidden and the time format is 24h.

Here a quick PR with the patch: #42185

Thank you for testing! 👍

Add a Comment

Login with GitHub to post a comment