UIKit React v3
UIKit React
UIKit
React
Version 3
Home
/
UIKit
/
React

Date localization

Although the default language used to display dates in UIKit is English, you can localize all dates using the dateLocale prop in SendbirdProvider or App. The prop uses a locale object from date-fns to display the date and time in the current user's local time zone. See the code below on how to set the dateLocale prop in your app.

import SendbirdProvider from "@sendbird/uikit-react/SendbirdProvider";

import kr from 'date-fns/locale/ko';
import "@sendbird/uikit-react/dist/index.css";

const App = () => {
    return (
        <SendbirdProvider
            appId={appId}
            userId={userId}
            dateLocale={kr}
        >
        ...
        </SendbirdProvider>
    );
}