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.

,uikit/v3/react/localization/date-5
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>
    );
}

Sample app