Code Monkey home page Code Monkey logo

Comments (6)

yachtsman-dev avatar yachtsman-dev commented on May 26, 2024 1

Can you provide a stackblitz link please ?

Hi i think its an issue while we are using it with React hook form. normally when i tried its working fine. i will try to generate demo for you. it will take sometime because now i have to fix this issue on production by reverting old version.

from primereact.

github-actions avatar github-actions commented on May 26, 2024

Please fork the Stackblitz project and create a case demonstrating your bug report. This issue will be closed if no activities in 20 days.

from primereact.

Rekl0w avatar Rekl0w commented on May 26, 2024

Can you provide a stackblitz link please ?

from primereact.

melloware avatar melloware commented on May 26, 2024

OK I used React Hook Form and Calendar and mine is working OK.

<Controller
	name="year"
	control={form.control}
	rules={{ required: 'Year is required.', min: 1960, max: 2050 }}
	render={({ field, fieldState }) => (
		<>
			<label htmlFor={field.name} className={classNames({ 'p-error': errors.year })}>
				Year*
			</label>
			<Calendar
				dateFormat="yy"
				inputClassName={classNames({ 'p-invalid': fieldState.error })}
				inputId={field.name}
				inputRef={field.ref}
				onBlur={field.onBlur}
				onChange={(e) => field.onChange(e.value?.getFullYear())}
				value={new Date(field.value, 1, 1)}
				view="year"
			/>
			{getFormErrorMessage(fieldState, field.name, 2050, 1960)}
		</>
	)}
/>

from primereact.

yachtsman-dev avatar yachtsman-dev commented on May 26, 2024

OK I used React Hook Form and Calendar and mine is working OK.

<Controller
	name="year"
	control={form.control}
	rules={{ required: 'Year is required.', min: 1960, max: 2050 }}
	render={({ field, fieldState }) => (
		<>
			<label htmlFor={field.name} className={classNames({ 'p-error': errors.year })}>
				Year*
			</label>
			<Calendar
				dateFormat="yy"
				inputClassName={classNames({ 'p-invalid': fieldState.error })}
				inputId={field.name}
				inputRef={field.ref}
				onBlur={field.onBlur}
				onChange={(e) => field.onChange(e.value?.getFullYear())}
				value={new Date(field.value, 1, 1)}
				view="year"
			/>
			{getFormErrorMessage(fieldState, field.name, 2050, 1960)}
		</>
	)}
/>

https://stackblitz.com/edit/vitejs-vite-4foz9q
i have also tried here but its working fine, don't know why my nextjs app isn't working.

from primereact.

melloware avatar melloware commented on May 26, 2024

can you try 10.6.5 another Calendar fix was just made.

from primereact.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.