Dayjs: Plugins: how extend only one instance of dayjs?

[gpbl]

I'm evaluating this library for react-day-picker and I have a concern about plugins.

For what I understand, extending dayjs with plugins will affect all the instances of dayjs.

E.g. if I extend dayjs with weekOfYear plugin, the dayjs instances used by an application implementing react-day-picker+dayjs will be extended too. Is it correct? If yes, how to extend just one instance of dayjs?

[iamkun]

Yes, and I can’t see if there is a problem. What’s your concern, please?

[gpbl]

Thanks @iamkun for your answer,

I don't agree much with this design choice. Not that I expect it giving practical problems for now, but an external component using dayjs would alter how dayjs works in the whole app. This doesn't sound correct to me. What I would have preferred is a factory like:

const dayjs = dayjs.factory();
dayjs.extend(aPlugin); // only this instance of dayjs will use `aPlugin`

Just my feedback! Thanks for your work on dayjs!

[iamkun]

Thanks. To keep only one type of dayjs might be better I think. 😊

[iamkun]

I'll close this issue since it's been a while since it's been opened. Feel free to reopen if you have updates on this

[szympajka]

@iamkun, I found this issue as I was actually looking for the sort of factory function.

The problem I have is this:

dayjs.extend(updateLocale);

dayjs.updateLocale('en', {
  relativeTime: {
    future: 'in %s',
    past: '%s ago',
    s: '<1 min',
    m: '1 min',
    mm: '%d mins',
    h: '1 hour',
    hh: '%d hours',
  },
});

So I updated locales according to our product needs, but now it will update it for the entire app which I believe is not what we want.

What can be a work around here?

[iamkun]

@szympajka there's no dayjs factory function atm.

In your case, it's better to use two locales.

e.g.

import somelocale from 'dayjs/locale/somelocale'

// update somelocale to other config and name
const otherlocale = {
  name: 'otherlocale',
   ...somelocale
}

// then register otherlocale
dayjs().locale(otherlocale)

// then you will have two locale config that you want

dayjs().locale(somelocale)
dayjs().locale(otherlocale)

[szympajka]

thanks, @iamkun, it helped :)