saeedrahimi/antd-jalali

A wrapper for ant-design date picker and calendar to support Jalali calendar type

Hi there, I'm Saeed 👋.

I'm a software developer based in Düsseldorf, Germany.

You can reach me at

antd-jalali's Issues

Error hot fix

SyntaxError: Unexpected token 'export'

nextjs : 10.0.2
react: 17.0.1

persian numbers for days and years

converting numbers from English to Persian in years and days would be highly appreciated

Unexpected token!

Hi, thank you for your package, but have below bug with reactjs project when use js without babel
https://s6.uupload.ir/files/capture_c55.png

defaultPickerValue not working

Hi, thanks for developing this component.
I think there is a bug in setting defaultPickerValue. and component does not work properly
please check.
thanks

this package is large

Why is the package size so large?

Wrong Week Days

at saeedrahimi.github.io demo
in Jalali Datepicker

dates are assigned to wrong week days.
e.g. "12 Mehr 1402" is displayed as "ی" (Yekshanbeh) whereas it should be "چ" (Chaharshanbeh).

we have the same issue on our own project.

overwritten css styles in Nextjs

when i import "antd/dist/antd.css" , the font and some of globals.css and tailwind style are overwritten .

Can you guide me how to import "antd/dist/antd.css" without globals.css styles overwritten in Nextjs 12 ?

year in date-picker is suddenly Gregorian after updating dayjs and antd

Hi, thank you for awesome work on the library, I notice that after updating dayjs and antd in my project to versions 1.11.0 and 4.19.3 respectively, year in date-picker turned into Gregorian year (2022), can you have a look.

I tried to fork and build the lib myself but it seems that the latest version on react-script is incompatible with your project structure, it needs the library to be in the src folder while it is in the lib folder, also I noticed a getFirstWeekDate is added to dayjs interface which is not implemented.

would you be interested in a separate demo folder for vercel app? or a storybook?

Error styles

Unexpected character '@'

nextjs: 10.0.2
react: 17.0.1

./node_modules/antd/lib/calendar/style/index.less 1:0
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> @import '../../style/themes/index';
| @import '../../style/mixins/index';

error set default value

I give an error when I try to give the default date, thank you for your help
I also used these commands to set:

const date = dayjs("1399-01-01", {jalali:true});

Or
const date = dayjs(date).calendar('jalali').locale('fa')

errors:

incompatibility with some libraries

Please add support for the following libraries:

1. React 18
2. Antd 5
3. Day js
   , ...

problem with using in nextjs

./node_modules/antd/lib/button/style/index.less
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

@import '../../style/themes/index';
| @import '../../style/mixins/index';
| @import './mixin';

hi i use antd-jalali in nextjs and have this problem how can i fix that

support Range Picker

hi plz support Range Picker

how to set value

Hi, thanks for this module.
I wanted to give the calendar a value that has it as a value, I could not find anything in the documents

change numbers of date picker to farsi font

how can I show numbers of related to days, months and years in date picker by farsi fonts

Beginning of the first day of the month, with the wrong day

Hi

When the last day of the month is Friday, it shows the first day of the next month with the wrong day
for example :
The last day of Day 1400 is Friday
But the first day of the next month, which is Bahman, is displayed from Monday instead of Saturday

please add RTL support to ant-design-pro

Kindly , please
try to add RTL support ant-design-pro
Thanks , best regards

Name of monthes is not in Jalali

In your module name of months are not in Jalala. If it is possible, change them to Jalali months.

After typing in jalali, it will be converted to Gregorian

Error in build

nextjs v9.4.4
react 16.13.1

/node_modules/antd-jalali/dist/index.js:1
export { default as DatePicker } from "./DatePicker";
^^^^^^

SyntaxError: Unexpected token 'export'
    at wrapSafe (internal/modules/cjs/loader.js:1054:16)
    at Module._compile (internal/modules/cjs/loader.js:1102:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
    at Module.load (internal/modules/cjs/loader.js:986:32)

bug in mounth length

when I set value or defaultValue with this format :
const date = dayjs("1399-01-01", {jalali:true});
<RangePicker defaultValue=[date, date] />
the Jalali month length is being wrong. for example :
اردیبهشت 1400: is 28 days!
خرداد 1400: is 31 days
تیر 1400: is 30 days!
image

antd-jalali datepicker problem when setting initial value via form instance

when i'm trying to set initial value for jalali datepicker via form.setFieldsValue the datepicker popup container goes crazy and i can't figure the problem and you can not select a date until you choose the today date and then it is possible to choose date

this is the part of my code that i'm trying to set datePicker initial value

form.setFieldsValue({
        
        date: moment(DATE, 'YYYY-MM-DD'),
      })
 <Form.Item name="date" label="تاریخ قرارداد" labelCol={{ span: 24 }}>
                <JalaliDatePicker
                  format="YYYY-MM-DD"
                  style={{ width: '100%' }}
                />
              </Form.Item>

Error calling localized month name formatting after instantiating any controls.

After using any control in my react tree calling dayjs().locale('fa').format('MMM') or any other month name formatter will fail.
This s because jalaliday adds a jmonth array to dayjs locale object, while you use your own custom locale object, so calling format, jalaliday expects a jmonth array to be available which is not, thus the error.

I will submit a pull request for a quick fix, but in general I think that you should avoid defining your custom locale object and just use the default dayjs one