DatePicker language

[augustas.volbekas]

I would like to change the language of the DatePicker component.

Is there a way to change month and weekday words in the component?
Or do I have to create a custom Date picking component to be able to change text?

Any help would be appreciated.

[stucork]

Hi @augustas.volbekas and welcome to the forum,

this post should help:

Datepicker Localization

There were a few gotchas I found when trying to do the obvious thing, but here’s a code snippet that will allow you to add German as the default locale to anvil’s datepicker from anvil.js.window import moment, document script = document.createElement('script') script.src = "https://cdn.jsdelivr.net/npm/moment@2.29.1/locale/de.js" document.head.appendChild(script) # We need to add the locale after anvil has loaded moment # I used moment's predefined locale # you can also set a custom locale w…

To find the script for your preferred language you can get the url from jsdeliver

moment CDN by jsDelivr - A CDN for npm and GitHub

[augustas.volbekas]

Thanks a lot @stucork , that really helped.

There is another small thing - datePicker has “Apply” and “Cancel” buttons when picking time which is in English, is it possible to change, the text of these buttons?

[stucork]

Sure. There may be a better solution. But one way would be to use our anvil.js library

from anvil.js.window import document

  def __init__(self, **properties):
    ...   
    for btn in document.querySelectorAll('.daterangepicker .applyBtn'):
        btn.textContent = 'foo'
    for btn in document.querySelectorAll('.daterangepicker .cancelBtn'):
        btn.textContent = 'bar'

[augustas.volbekas]

Thank you very much, works perfectly