SPO-Column-Formatting-Example05-DueDate.json

{
    "$schema": "http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
    "debugMode": true,
    "elmType": "div",
    "attributes": {
                "class": {
                                        "operator": "?",
                                        "operands": [
                                        {
                                            "operator": "==",
                                            "operands": [
                                                "[$Completed]",
                                                1
                                            ]
                                        },
                                        "ms-fontColor-green ms-fontWeight-semibold",
                                        {
                                            "operator": "?",
                                            "operands": [
                                            {
                                                "operator": "<",
                                                "operands": [
                                                    "@currentField",
                                                    "@now"
                                                ]
                                            },
                                            "ms-fontColor-red ms-fontWeight-semibold",
                                            "ms-fontColor-neutralPrimary ms-fontWeight-semibold"
                                            ]
                                        }
                                        ]
                                    }
    },
    "style": {
        "padding-left": "4px"
    },
    "children": [
        {            
            "elmType": "span",
            "txtContent": "@currentField",
            "style": {
                "padding-right": "8px"
            }
        },
        {
            "elmType": "span",
            "attributes": {
                "iconName": {
                                "operator": "?",
                                "operands": [
                                {
                                    "operator": "==",
                                    "operands": [
                                        "[$Completed]",
                                        1
                                    ]
                                },
                                "CheckMark",
                                {           
                                        "operator": "?",
                                        "operands": [
                                        {
                                            "operator": "<",
                                            "operands": [
                                                "@currentField",
                                                "@now"
                                            ]
                                        },
                                        "Warning",
                                        "Forward"
                                        ]
                                }
                            ]
                        }       
            }
        }
    ]       

}