Passing Date Picker Value from Child to Parent (Callback Function)

Same steps I have followes but no luck.

Can you please let us know if anything need to change

in this I'm getting some error need to pass other values .Can you please let us know how to send.

To pass the showStartsOn value from the SentenceBuild component to the parent component (EDSF.tsx), you can use a callback function. Here's how you can modify your code:

1. Define a callback function in the parent component (EDSF.tsx) to receive the showStartsOn value.
2. Pass this callback function as a prop to the SentenceBuild component.
3. Invoke the callback function in the SentenceBuild component to pass the showStartsOn value.

Here's an example:

import React, { useState } from 'react';
import SentenceBuild from './EDTIComp';

const EDSF = () => {
    const [performedOnMoment, setPerformedOnMoment] = useState(false);

    const handleShowStartsOn = (value: boolean) => {
        setPerformedOnMoment(value);
    };

    return (
        

            
            

                Performed On Moment: {performedOnMoment ? 'True' : 'False'}
            
        
    );
};

export default EDSF;

import React from 'react';
import moment from 'moment';

function SentenceBuild(props: {
    form: FormHook;
    fieldPath: EditMedicationForm.InstructionFields;
    defaultValue: string;
    useDefaultValue: boolean;
    readOnly?: boolean;
    onShowStartsOnChange: (value: boolean) => void;
}) {
    const startsOn = moment(instruction.startsOn, ValidDateFormats.NodeDateTimeTimezone);
    let showStartsOn = false;

    if (startsOn && startsOn.isValid()) {
        showStartsOn = moment().endOf('day').isBefore(startsOn, 'day');
    }

    // Invoke the callback function to pass the showStartsOn value to the parent
    props.onShowStartsOnChange(showStartsOn);

    return (
        

            {showStartsOn && (
                
            )}
        
    );
}

export default SentenceBuild;

In this example:

• The EDSF component defines a state variable performedOnMoment and a callback function handleShowStartsOn.
• The SentenceBuild component receives the callback function as a prop (onShowStartsOnChange) and invokes it with the showStartsOn value.

This way, the showStartsOn value is passed from the child component (SentenceBuild) to the parent component (EDSF). 

Thanks