Prime Community Forum

Code: Select all

 <div className='my-dialog'>
            <Dialog
                footer={renderFooter('displayBasic')}
                header='Pickup Dialog'
                modal={false}
                onHide={() => onHide('displayBasic')}
                style={{ width: '10vw' }}
                visible={visible}
            >
                <div className='p-fluid grid formgrid'>
                    <div className={styles.card}>
                        <div className={styles.field}>
                            <div className='field col-12 md:col-3'>
                                <label htmlFor='integeronly'>Part chunk</label>
                                <InputNumber
                                    inputId='integeronly'
                                    onFocus={(e) => e.target.select()}
                                    onValueChange={(e) => {
                                        if (e.value) setTronconValue(e.value);
                                    }}
                                    value={Troncon}
                                />
                            </div>
                        </div>
                        <div className={styles.field}>
                            <div className='field col-12 md:col-3'>
                                <label htmlFor='distance'>Distance 1</label>
                                <InputNumber
                                    inputId='distance'
                                    minFractionDigits={1}
                                    mode='decimal'
                                    onFocus={(e) => e.target.select()}
                                    onValueChange={(e) => {
                                        if (e.value) setDistanceValue(e.value);
                                    }}
                                    value={Distance}
                                />
                            </div>
                        </div>
                        <div className={styles.field}>
                            <div className='field col-12 md:col-3'>
                                <label htmlFor='orientationpince'>Distance 2</label>
                                <InputNumber
                                    inputId='orientationpince'
                                    minFractionDigits={1}
                                    mode='decimal'
                                    onFocus={(e) => e.target.select()}
                                    onValueChange={(e) => {
                                        if (e.value) setOrientationValue(e.value);
                                    }}
                                    value={Orientation}
                                />
                            </div>
                        </div>
                        <div className={styles.field}>
                            <div className='field-checkbox'>
                                <Checkbox
                                    checked={FlipPince}
                                    inputId='flippince'
                                    onChange={(e) => setFlipPinceValue(e.checked)}
                                />
                                <label htmlFor='flippince'>&nbsp;Check or not</label>
                            </div>
                        </div>
                    </div>
                </div>
            </Dialog>
        </div>